/* 公共样式 */
    header{
        background-color: white;
    }
    .header1{
        position: relative;
        /* border-bottom: 1px solid rgb(230, 230, 230); */
    }
    .header1 .containers{
        padding-left: 400px;
        padding-right: 120px;
    }
    .header1.header3 .containers,
    .header1.header2 .containers{
        padding-right: 0;
    }
    .logo{
        left: 0;
        white-space: nowrap;
    }
    .logo a,
    .logoTip{
        display: inline-block;
        vertical-align: middle;
    }
    .logo a img{
        max-width: 200px;
        display: block;
    }
    .logoTip{
        /* border-left: 1px solid rgb(53, 53, 53); */
        margin-left: 16px;
        padding-left: 16px;
        position: relative;
        display: none;
    }
    .logoTip::after{
        content:'';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1px;
        height: 85%;
        background-color: rgb(53, 53, 53);
    }
    .logoTip p{
        width: 100%;
        font-weight: bold;
    }
    .logoTip p span{
        display: block;
        letter-spacing: 2px;
        font-weight: bold;
    }
    .headerNav{
        text-align: right;
    }
    .headerNav li{
        margin-left: 30px;
        position: relative;
    }
    .header3 .headerNav li,
    .header2 .headerNav li{
        margin-left: 50px;
    }
    
    /* .headerNav li.active .hNav1 a::after */
    .headerNav li:hover .hNav1 a::after{
        background-color: rgb(5, 100, 214);
    }
    .headerNav li:first-of-type{
        margin:0;
    }
    .headerNav li a{
        font-size: 16px;
        /* border-bottom: 4px solid transparent; */
        /* box-sizing: border-box; */
    }
    .hNav1 a{
        padding: 30px 0;
        position: relative;
    }
    .hNav1 a::after{
        content:'';
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        height:4px;
        background-color: transparent;
    }
    /* .headerNav li.active .hNav1 a, */
    .headerNav li:hover .hNav1 a{
        color: rgb(35, 88, 167);
    }
    
    /* .header2 .headerNav li:hover .hNav1 a,
    .header2 .headerNav li.active .hNav1 a{
        color: rgb(249, 157, 51);
    } */
    /* .header2 .headerNav li:hover .hNav1 a::after,
    .header2 .headerNav li.active .hNav1 a::after{
        background-color: rgb(249, 157, 51);
    } */
    .headerNav li:hover .hNav2{
        display: block;
        z-index: 1002;
        /* opacity: 1; */
        /* top: 101px; */
    }
    .hNav2{
        display: none;
        position: absolute;
        top: 84px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -100;
        white-space: nowrap;
        font-size: 15px !important;
        /* transition: all 0.5s; */
        /* opacity: 0; */
    }
    .headerNav li:last-of-type .hNav2,
    .headerNav li:nth-last-of-type(2) .hNav2{
        left: auto;
        transform: none;
        right:0;
    }
    .headerNav .hNav2 a{
        display: inline-block;
        padding: 0;
        line-height: 50px;
        white-space: nowrap;
        color: white;
        margin-right: 20px;
        font-size: 14px;
    }
    .headerNav .hNav2 a:last-of-type{
        margin-right: 0;
    }
    .headerNav .hNav2 a:hover{
        color: rgb(252, 132, 3);
    }
    .hbgLine{
        position: absolute;
        top: 84px;
        left: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: rgb(5, 100, 214);
        z-index: 1001;
        display: none;
        /* opacity: 0; */
        /* transition: all 0.5s; */
    }
    .header3 .hbgLine{
        background-color: rgba(255, 255, 255,0.7);
    }
    .hbgLine.active{
        /* opacity: 1; */
        /* z-index: 1001; */
        display: block;
    }
    .search{
        right: 60px;
    }
    .searchShow button,
    .searchInBox button{
        background-color: transparent;
        border: none;
        -webkit-appearance: none;
    }
    .searchShow button img{
        width: 20px;
    }
    .searchBox{
        position: absolute;
        top: 26px;
        right: -20px;
        padding-top: 26px;
        z-index: 1000;
        display: none;
    }
    .search:hover .searchBox{
        display: block;
    }
    .searchInBox{
        box-shadow: 0px 0px 10px 0px rgb(228, 228, 228);
        background-color: white;
        padding: 16px;
    }
    .searchInBox div{
        position: relative;
        padding-right: 40px;
        border: 1px solid rgb(228, 228, 228);
    }
    .searchInBox input[type="text"]{
        width: 200px;
        height: 40px;
        line-height:40px;
        -webkit-appearance: none;
        border: none;
        padding: 0px 10px;
    }
    .searchInBox input[type="submit"]{
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        -webkit-appearance: none;
        opacity: 0;
        z-index: 1009;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }
    .searchInBox button{
        width: 40px;
        height: 40px;
        padding: 6px;
    }
    .searchInBox button img{
        display: block;
        width: 100%;
    }
    .goSearch{
        right: 0;
        cursor: pointer;
    }
    .headerLang{
        right: 0;
    }
    .headerLang a{
        display: inline-block;
    }
    .headerLang a:hover{
        color: rgb(5, 100, 214);
    }
    .headerMB{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        background-color: white;
        box-shadow: 0px 0px 10px 0px rgb(218, 218, 218);
        display: none;
    }
    .headerMBTitle{
        position: relative;
        padding: 5px 16px;
        height: 50px;
    }
    .headerMBTitle a{
        display: block;
        max-width: 40%;
        padding-top: 4px;
    }
    .headerMBTitle a img{
        max-height: 32px;
        display: block;
    }
    .headerMBTitle button{
        background-color: transparent;
        border: none;
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
        border: none;
    }
    .headerMBTitle button img{
        width: 24px;
        display: block;
    }
    .headerMBList{
        border-top: 1px solid rgb(218, 218, 218);
        padding: 10px 40px;
        display: none;
    }
    .headerMBList ul{
        max-height: 400px;
        overflow-y: auto;
    }
    .headerMBList li{
        border-bottom: 1px solid rgb(230, 230, 230);
    }
    .headerMBList li a{
        display: block;
        padding: 6px 16px;
    }
    .hmbNav2 {
        border-top: 2px solid rgb(230, 230, 230);
    }
    .hmbNav2 p{
        border-bottom: 1px solid rgb(230, 230, 230);
    }
    .hmbNav2 p:last-of-type{
        border-bottom: none;
    }
    .headerMBList li.active .hmbNav1 a{
        color: rgb(35, 88, 167);
    }
    .hmbNav1 {
        padding-right: 40px;
        position: relative;
    }
    .hmbNav1 span{
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        color: #999;
    }
    .headerMBList li.active .hmbNav1 span{
        transform: translateY(-50%) rotateZ(180deg);
    }
    /* .headerMBList li.active .hmbNav2{
        display: block;
    } */
    .hmbNav2{
        display: none;
    }
    .hmbNav2 p a{
        padding-left: 40px;
    }


    footer{
        background-color: white;
    }
    .footer1{
        background-color: rgb(5, 100, 214);
        color: white;
        padding: 60px 0;
    }
    .footer1 a{
        color: white;
    }
    .footer1 h4{
        font-size: 18px;
        margin-bottom: 40px;
    }
    .footer1 p{
        margin-bottom: 14px;
    }
    .footer1 li{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }
    .footer1 li:last-of-type{
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        flex: 2;
    }
    .footer2,
    .rcFooter,
    .sColFooter{
        padding: 20px 0;
        font-size: 15px;
        text-align: center;
    }
    .fixedBox{
        position: fixed;
        top: 30%;
        right: 0;
        z-index: 99999;
        /* background-color: white; */
    }
    .fixedBox li{
        position: relative;
        margin-bottom: 4px;
        /* margin-bottom: 1px; */
    }
    .fixedBox li:last-of-type{
        margin:0;
    }
    .fixedImg{
        cursor: pointer;
        position: relative;
        z-index: 103;
    }
    .fixedImg img{
        width: 50px;
        display: block;
    } 
    .phoneText{
        font-size: 14px;
        font-weight: bold;
        color: white;
        width: 230px;
    }
    .hoverFshow.weizhiText{
        font-weight: normal;
        font-size: 12px;
        padding: 6px 20px !important;
        height: 99%;
    }
    .phoneText p{
        /* white-space: nowrap; */
    }
    .hoverFshow.codeShows{
        right: 0px;
        padding: 20px;
        padding-right: 20px;
        /* border-radius: 6px; */
        /* background-color: white; */
        width: 210px;
        height: auto;
    }
    .codeShows img{
        width: 120px;
        height: 120px;
        display: block;
    }
    .hoverFshow{
        /* display: none; */
        right: 60px;
        background-color: rgb(5, 100, 214);
        padding: 15px 20px;
        /* opacity: 0; */
        /* top: 0; */
        /* transform: none; */
        height: 100%;
        top: 0;
        transform: none;
        left: 70px;
        transition: all 1s;
        /* width: 230px; */
        z-index: 100;

        /* box-shadow: 0px 0px 10px 0px rgb(221, 221, 221); */
    }
    .hoverBtns:hover .phoneText{
        left: -230px;
        /* right: 60px; */
        /* opacity: 1; */
    }
    .hoverBtns:hover .codeShows{
        left: -160px;
    }
    /* .fixedBox li:hover .hoverFshow{
        display: block;
    } */
    .inBanner{
        position: relative;
    }

    /* 列表页面导航 */
    .pageNav{
        text-align: center;
    }
    .pageNav ul,
    .pageNav_tj{
        display: inline-block;
        vertical-align: middle;
    }
    .pageNav ul{
        border: 1px solid rgb(224, 230, 237);
    }
    .pageNav li{
        border-right: 1px solid rgb(224, 230, 237);
        float: left;
    }
    .pageNav li:last-of-type{
        border-right: none;
    }
    .pageNav li a{
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .pageNav .pageNav1{
        color: rgb(153, 153, 153);
        box-sizing: border-box;
    }
    .pageNav li.active .pageNavNum,
    .pageNav .pageNavNum:hover{
        color: rgb(5, 100, 214);
        border: 1px solid rgb(5, 100, 214);
    }
    .pageNav_tj{
        margin-left: 10px;
    }


    /* 移动端页脚 */
    .mbFooter1{
        background-color: rgb(5, 100, 214);
        color: white;
        padding-top: 30px;
        display: none;
    }
    .mbFooter1 a{
        color: white;
    }
    .mbFooter1 li{
        border-bottom: 1px solid rgba(255, 255, 255,0.6);
        line-height: 30px;
    }
    .mbF1Nav1{
        position: relative;
        padding-right: 40px;
        line-height:40px;
    }
    .mbF1Nav1 span{
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        transition: all 0.3s;
    }
    .mbFooter1 li.active .mbF1Nav1 span{
        transform: translateY(-50%) rotateZ(180deg);
    }
    .mbF1Nav2{
        border-top: 1px solid white;
        padding: 10px 0;
        display: none;
    }

    .noLang.header1 .containers{
        padding-right: 50px;
    }
    .noLang.header1 .headerLang{
        display: none;
    }
    .noLang.header1 .search{
        right: 0;
    }
/* 公共样式 */
#jmtMap{
    width: 100%;
    height: 700px;
}
/* 首页 */
    .main{}
    .mbanner{
        position: relative;
    }
    .mbanPagin .swiper-pagination-bullet{
        background-color: white;
        opacity: 1;
    }
    .mbanPagin .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width: 16px;
        background-color: rgb(5, 100, 214);
        border-radius: 10px;
    }
    .mbanBox{
        position: relative;
    }
    .mbanCont{
        /* padding-left: 80px; */
    }
    .mbanCont p{
        font-size: 40px;
        color: white;
        margin-bottom: 10px;
    }
    .mbanCont >a{
        display: inline-block;
        padding: 10px 30px;
        border: 1px solid white;
        color: white;
        font-size: 16px;
        margin-top: 20px;
    }
    .mbanCont >a:hover{
        border-color: rgb(5, 100, 214);
        background-color: rgb(5, 100, 214);
    }
    .hotGonggao{
        padding: 10px 0;
    }
    .hotGonggao .containers{
        padding-left: 80px;
    }
    .hotGonggao .containers >span{
        left: 0;
        color: rgb(16, 179, 239);
    }
    .hotgg{
        height: 40px;
        line-height:40px;
    }
    .hotgg .swiper-slide a{
        height: 40px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .hotggBtn{
        right: 0;
    }
    .hotggBtn .hotggNext,
    .hotggBtn .hotggPrev{
        width: 0;
        height: 0;
        border-style: solid;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        position: static;
    }
    .hotggBtn .hotggNext{
        border-width: 10px 0px 10px 20px;
        border-color: transparent transparent transparent gray;
        margin-left: 30px;
    }
    .hotggBtn .hotggNext:hover{
        border-color: transparent transparent transparent rgb(0, 112, 191);
    }
    .hotggBtn .hotggPrev{
        border-width: 10px 20px 10px 0px;
        border-color: transparent gray transparent transparent ;
    }
    .hotggBtn .hotggPrev:hover{
        border-color: transparent rgb(0, 112, 191) transparent transparent;
    }
    .hotggBtn .swiper-button-next:after,
    .hotggBtn .swiper-button-prev:after{
        display: none;
    }
    .main1{
        padding: 50px 0;
    }
    .m1Left{
        padding-top: 50px;
    }
    .m1Right{
        max-width: 560px;
    }
    .m1Right img{
        width: 100%;
    }
    .m1LTitle{
        
    }
    .m1LTitle h4{
        font-size: 24px;
    }
    .m1LTitle p{
        font-size: 18px;
        color: rgb(102, 102, 102);
    }
    .m1LTitle span{
        display: block;
        width: 100px;
        height: 2px;
        background-color: rgb(0, 113, 187);
        margin-top:10px;
    }
    .m1LCont{
        font-size: 14px;
        margin-top: 40px;
        line-height: 32px;
        max-width: 63%;
    }
    .m1LCont a{
        display: inline-block;
        padding: 4px 34px;
        background-color: rgb(5, 100, 214);
        color: white;
        margin-top: 25px;
        font-size: 14px;
    }
    .m1LCont a:hover{
        background-color: rgb(35, 88, 167);
    }
    .main2{
        padding: 50px 0;
        background-color: rgb(5, 100, 214);
        color: white;
    }
    .m2Title{
        margin-bottom: 20px;
    }
    .m2Title img{
        display: block;
        margin: 0 auto;
    }
    .m2Title h4{
        font-size: 24px;
        margin: 16px 0;
    }
    .m2Title p{
        font-size: 18px;
        font-family: 'HanSans-Light';
    }
    .m3RBox h4,
    .m3RBox p,
    .hNav2 a{
        font-family: 'HanSans-Light';
    }
    .mTitle{
        margin-bottom: 50px;
    }
    .mTitle h4{
        text-align: center;
        font-size: 28px;
        color: rgb(5, 100, 214);
    }
    .m2Cont p{
        line-height: 24px;
    }
    .main3{
        margin-top: 80px;
    }
    .m3Right{
        -webkit-box-flex: 0 0 760px;
        -webkit-flex: 0 0 760px;
        flex: 0 0 760px;
    }
    .m3Right img{
        display: block;
    }
    .m3Right li:nth-of-type(2) a{
        height: 100%;
        display: block;
        position: relative;
    }
    .m3RBox{
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        text-align: center;
        color: white;
    }
    .m3RBox img{
        width: 50px;
        display: block;
        margin: 0 auto 10px;
    }
    .m3RBox h4{
        font-size: 24px;
        /* margin-bottom: 10px; */
    }
    .m3RBox p{
        font-size: 15px;
    }
    .m3Left{
        padding-right: 40px;
    }
    .m3LTitle p{
        margin-bottom: 20px;
    }
    .m3LTitle p span,
    .m3LTitle h4{
        font-size: 24px;
        color: rgb(5, 100, 214);
    }
    .m3LTitle p a{
        float: right;
        font-size: 16px;
    }
    .m3LTitle h4{
        margin-bottom: 20px;
    }
    .m3LCont{
        line-height: 24px;
    }
    .m3Lmore{
        margin-top: 40px;
    }
    .m3Lmore a{
        line-height: 40px;
        padding: 0px 30px;
        background-color: rgb(240, 240, 240);
        border-radius: 40px;
        display: inline-block;
    }
    .m3Lmore a:hover{
        background-color: rgb(5, 100, 214);
        color: white;
    }
    .main4{
        margin-top:80px;
        margin-bottom: 80px;
    }
    .m4List ul{
        flex-flow: row wrap;
    }
    .m4List li{
        -webkit-box-flex: 0 0 12%;
        -webkit-flex: 0 0 12%;
        flex: 0 0 12%;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 40px;
        text-align: center;
    }
    .m4List a{
        cursor: default;
    }
    .m4List img{
        max-width: 100%;
    }
    .showImgTitle{
        text-align: center;
        margin-bottom: 50px;
        font-size: 24px;
    }
    .m4List ul{
        /* justify-content: space-between; */
    }
/* 首页 */
/* 股票信息 */
    .tzGpInfoMain{
        margin: 60px 0;
    }
    .tzgpInfoM1{
        background-color: rgb(246, 251, 255);
        padding: 40px;
    }
    .tzgpInfoM1 >h4{
        text-align: center;
        font-size: 18px;
        margin-bottom: 30px;
    }
    .tzgpInfoM1 li:first-of-type,
    .tzgpInfoM1 li:nth-of-type(2){
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        flex: 2;
    }
    .tzgpInfoM1 li:nth-of-type(3){
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }
    .tzgpInfoM11 >h4{
        font-size: 28px;
        color: rgb(5, 100, 214);
        margin-bottom: 10px;
    }
    .tzgpInfoM11 >p{
        font-size: 18px;
        color: rgb(5, 100, 214);
        margin-bottom: 16px;
    }
    .tzgpInfoM11 div >p:first-of-type{
        font-size: 28px;
        color: red;
        font-weight: bold;
        margin-bottom: 6px;
    }
    .tzgpInfoM11 div >p:nth-of-type(2){
        font-size: 14px;
        color: red;
        font-weight: bold;
        margin-bottom: 6px;
    }
    .tzgpInfoM11 div >p:nth-of-type(2) span:first-of-type{
        margin-right: 10px;
    }
    .tzgpInfoM11 div >p:nth-of-type(3){
        font-size: 12px;
    }
    .tzgpInfoMText p{
        margin-bottom: 10px;
    }
    .tzgpInfoMText p:last-of-type{
        margin-bottom: 0;
    }
    .tzgpInfoMText p span{
        color: rgb(130, 130, 130);
        display: inline-block;
        width: 80px;
    }
    .tzgpInfoM2{
        margin: 0px -5px;
        margin-top: 30px;
    }
    .tzgpInfoM2Box{
        margin: 0px 5px;
        border: 1px solid rgb(230, 230, 230);
    }
    .tzgpInfoM2Box:first-of-type,
    .tzgpInfoM2Box:nth-of-type(2){
        -webkit-box-flex: 5;
        -webkit-flex: 5;
        flex: 5;
    }
    .tzgpInfoM2Box:nth-of-type(3){
        -webkit-box-flex: 3;
        -webkit-flex: 3;
        flex: 3;
    }
    .tzgpInfoM2Title{
        padding: 10px 16px;
        border-bottom:1px solid rgb(180, 180, 180);
    }
    .tzgpInfoM2Title span{
        font-size: 16px;
    }
    .tzgpInfoM2Title a{
        float: right;
        margin-top: 4px;
        color: rgb(102, 102, 102);
    }
    .tzgpIM2list{
        padding: 20px 30px;
    }
    .tzgpIM2list li{
        margin-bottom: 10px;
    }
    .tzgpIM2list li:last-of-type{
        margin: 0;
    }
    .tzgpIM2list li a{
        display: block;
        position: relative;
        padding-left: 10px;
        color: rgb(102, 102, 102);
    }
    .tzgpIM2list li a::after{
        content:"";
        display: block;
        position: absolute;
        top: 50%;
        left: -5px;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: black;
    }
    .tzgpIM2Text{
        padding: 20px 30px;
    }
    .tzgpIM2Text p{
        margin-bottom: 6px;
        position: relative;
        padding-left: 80px;
        color: rgb(102, 102, 102);
    }
    .tzgpIM2Text p:last-of-type{
        margin: 0;
    }
    .tzgpIM2Text p span{
        position: absolute;
        display: block;
        color: rgb(153, 153, 153);
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .tzgpInfoM11{
        max-width: 100px;
        text-align: center;
    }
/* 股票信息 */
/* 产品中心-产品系列 */
    .product{

    }
    .productTitle{
        text-align: center;
        background-color: rgb(5, 100, 214);
        color: white;
        padding: 20px 0;
    }
    .productTitle h4{
        font-size: 28px;
        margin-top: 10px;
    }
    .productType{
        margin: 100px 0;
        background-color: black;
    }
    .productType a{
        position: relative;
    }
    .productType p{
        position: absolute;
        bottom: 6px;
        left: 0;
        width: 100%;
        text-align: center;
        color: white;
        font-size: 18px;
    }
    .productT1{
        margin-bottom: 10px;
    }
    .productT1 >div:first-of-type,
    .productT2 >div:first-of-type,
    .productT2 >div >div:first-of-type{
        padding-right: 5px;
    }
    .productT1 >div:nth-of-type(2),
    .productT2 >div:nth-of-type(2),
    .productT2 >div >div:nth-of-type(2){
        padding-left: 5px;
    }
    .productT1 >div:nth-of-type(2){
        padding-right: 5px;
    }
    .productT1 >div:nth-of-type(3){
        padding-left: 5px;
    }
    .product_yanfa{
        margin: 100px 0;
    }
    .proYFTitle {
        font-size: 24px;
        position: relative;
        margin-bottom: 30px;
        display: none;
    }
    .proYFTitle span{
        background-color: white;
        padding-right: 16px;
        position: relative;
        z-index: 10;
        color: rgb(51, 51, 51);
    }
    .proYFTitle::after{
        content:'';
        position: absolute;
        top: 50%;
        left:0;
        width: 100%;
        transform: translateY(-50%);
        height: 1px;
        background-color: black;
    }
    .proYF1Cont{
        color: rgb(51, 51, 51);
        line-height: 30px;
        margin-bottom: 60px;
        font-size: 16px;
    }
    .proYF2Cont li{
        background-color: rgb(245, 245, 245);
        position: relative;
        margin-bottom: 20px;
    }
    .proYF2Cont li p{
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        padding-left: 200px;
        font-size: 20px;
        /* font-weight: bold; */
        color: rgb(102, 102, 102);
    }
    .proLisLeft{
        width: 250px;
    }
    .proLisLeft h4{
        font-size: 18px;
        background-color: rgb(5, 100, 214);
        color: white;
        padding: 30px 40px;
        position: relative;
    }
    .proLisLeft h4 span{
        position: absolute;
        top: 50%;
        right:10px;
        transform: translateY(-50%);
        color: white;
    }
    .proLisLeft.active h4 span{
        transform: translateY(-50%) rotateZ(180deg);
    }
    .proLisLeft ul{
        display: none;
    }
    .proLisLeft li{
        border-bottom: 1px solid rgb(230, 230, 230);
        padding-right: 20px;
        position: relative;
    }
    .proLisLeft li::after{
        content:'';
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: transparent;
    }
    .proLisLeft li:hover::after{
        background-color: rgb(5, 100, 214);
    }
    .proLisLeft li:hover a,
    .proLisLeft li.active a{
        color: rgb(5, 100, 214);
    }
    .proLisLeft a{
        display: block;
        padding: 20px 30px;
        font-size: 16px;
    }
    .proLisRight{
        overflow: hidden;
        padding-left: 50px;
    }
    .proListCont {
        padding: 20px;
        text-align: center;
    }
    .proListCont h4{
        font-size: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .proLisRList ul{
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .proLisRList li{
        margin-bottom: 20px;
        -webkit-box-flex: 0 0 23%;
        -webkit-flex: 0 0 23%;
        flex: 0 0 23%;
    }
    .proLisRList a{
        background-color: rgb(245, 245, 245);
        cursor: default;
    }
    .proLisRList a:hover h4{
        /* color: rgb(5, 100, 214); */
    }
    .productPageNav {
        margin-bottom: 20px;
    }
    .productPageNav ul{
        position: relative;
        text-align: right;
    }
    .productPageNav ul::before{
        content:'';
        display: inline-block;
        width: 18px;
        height: 18px;
        background:url('../image/dw.png') no-repeat center center/contain;
        vertical-align: middle;
    }
    .productPageNav li{
        position: relative;
    }
    .productPageNav li::after{
        content:'-';
        display: inline-block;
        vertical-align: middle;
        transform: translateY(-2px);
    }
    .productPageNav li:last-of-type::after{
        display: none;
    }
    .productPageNav li a{
        display: inline-block;
        font-size: 16px;
    }
    .productPageNav li a:hover{
        color: rgb(5, 100, 214);
    }
/* 产品中心-产品系列 */
/* 建党工作 */
    .jiandang{
        margin-top: 100px;
        margin-bottom: 60px;
    }
    .jiandang1L{
        overflow: hidden;
        padding-right: 30px;
    }
    .jiandang1R{
        width: 500px;
    }
    .jd1Ban a{
        position: relative;
        display: block;
    }
    .jd1Ban a p{
        position: absolute;
        bottom: 0;
        left:0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        height: 80px;
        line-height: 80px;
        padding: 0px 20px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 18px;
    }
    .jd1Ban .jd1Pagin{
        width: auto;
        left: auto;
        right: 10px;
        bottom: 30px;
    }
    .jd1Ban .jd1Pagin span{
        background-color: white;
        opacity: 1;
    }
    .jd1Ban .jd1Pagin .swiper-pagination-bullet-active{
        background-color: red;
    }
    .jd1RTitle{
        margin-bottom: 10px;
    }
    .jd1RTitle span{
        font-size: 18px;
        font-weight: bold;
        color: red;
    }
    .jd1RTitle a{
        float: right;
        color: rgb(102, 102, 102);
    }
    .jd1RList li{
        padding: 26px 0;
        border-bottom: 1px solid rgb(216, 216, 216);
    }
    .jd1RList li h4{
        font-size: 16px;
        font-weight: bold;
        color: rgb(102, 102, 102);
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .jd1RList li:hover h4,
    .jd2List li a:hover,
    .jd2Title a:hover{
        color: rgb(5, 100, 214);
    }
    .jd1RList li p{
        color: rgb(102, 102, 102);
        line-height: 26px;
    }
    .jiandang2{
        margin: 0px -5px;
        margin-top: 40px;
    }
    .jd2Box {
        -webkit-box-flex: 3;
        -webkit-flex: 3;
        flex: 3;
        border: 1px solid rgb(228, 228, 228);
        margin: 0px 5px;
    }
    .jd2Box:last-of-type{
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        flex: 2;
    }
    .dangjian3 .jd2Box{
        margin: 0;
    }
    .jd2Title{
        border-bottom: 1px solid rgb(228, 228, 228);
        padding: 10px 16px;
    }
    .jd2Title span{
        font-size: 18px;
        color: red;
        font-weight: bold;
    }
    .jd2Title a{
        float: right;
        color: rgb(102, 102, 102);
        margin-top: 4px;
    }
    .jd2List{
        padding: 40px 10px;
    }
    .jd2List li{
        position: relative;
        padding-left: 14px;
        margin-bottom: 10px;
    }
    .jd2List li:last-of-type{
        margin: 0;
    }
    .jd2List li::after{
        content:'';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: red;
    }
    .jd2List li a{
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: rgb(102, 102, 102);
    }
    .jd23Cont{
        padding: 20px 10px;
    }
    .jd23a1 a{
        display: inline-block;
        padding: 4px 10px;
        background-color: rgb(198, 5, 19);
        color: white;
    }
    .jd23a2{
        margin: 10px 0;
    }
    .jd23a2 a{
        /* display: inline-block; */
    }
    .jd23a2 img{
        display: block;
        width: 150px;
    }
    .jd23a2 p{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        color: rgb(102, 102, 102);
    }
    .jd23a2 p{
        margin-left: 10px;
    }
    .jd32a3 a{
        display: inline-block;
        vertical-align: middle;
    }
    .jd32a3 a:first-of-type{
        padding: 4px 10px;
        background-color: rgb(198, 5, 19);
        color: white;
        margin-right: 20px;
    }
    .jd32a3 a img,
    .jd32a3 a span{
        display: inline-block;
        vertical-align: middle;
    }
    .jd32a3 a:nth-of-type(2){
        margin: 0px 10px;
    }
    .jiandangMoreList{
        max-width: 1000px;
        margin: 0 auto;
    }
    .dangjianBanner{
        margin: 30px 0;
    }
    .dj3Banner{
        padding: 50px 50px 0px;
    }
/* 建党工作 */
/* 党建要闻 */
    .dj_yaowen{}
    .djInTitle{
        margin-bottom: 60px;
    }
    .djInTitle p{
        font-size: 28px;
        color: rgb(102, 164, 226);
        margin-bottom: 10px;
    }
    .djInTitle h4{
        font-size: 28px;
        color: rgb(51, 51, 51);
    }
    .djInBox{
        background-color: rgb(246, 249, 255);
    }
    .djInLeft{
        width: 470px;
        background-color: rgb(230, 237, 247);
    }
    .djyw_box1{
        text-align: right;
        padding: 50px 40px;
        background-color: rgb(216, 224, 238);
    }
    .djyw_box1 p:first-of-type{
        color: rgb(121, 125, 155);
    }
    .djyw_box1 p:nth-of-type(2){
        color: rgb(121, 125, 155);
        font-size: 24px;
        font-weight: bold;
    }
    .djyw_box1 p:nth-of-type(3){
        color: rgb(5, 100, 214);
        font-size: 40px;
    }
    .djyw_box2{
        text-align: center;
        padding: 50px 20px;
    }
    .djyw_box2 >img{
        display: block;
        margin: 0 auto;
    }
    .djyw_box2 h4{
        font-size: 24px;
        margin: 6px 0;
    }
    .djyw_box2 p{
        font-size: 18px;
    }
    .djyw_box2 a{
        display: inline-block;
        padding: 10px 30px;
        border-radius: 40px;
        background-color: rgb(5, 100, 214);
        color: white;
        margin-top: 20px;
    }
    .djInRight{
        padding: 40px;
    }
    .djywInList li{
        border: 1px solid transparent;
        padding: 30px;
    }
    .djywInList li:hover{
        border-color: rgb(225, 232, 243);
    }
    .djywInList li:hover .djywListTitle h4{
        color: rgb(5, 100, 214);
    }
    .djywInList li a{
        color: rgb(77, 77, 77);
    }
    .djywInList .djywListTitle h4{
        font-size: 18px;
        color: rgb(77, 77, 77);
        margin: 6px 0 10px;
        font-weight: bold;
    }
    .djywListCont{
        font-size: 14px;
    }
    .djywMore{
        text-align: center;
        margin-top: 30px;
    }
    .djywMore a{
        display: inline-block;
        background-color: rgb(5, 100, 214);
        padding: 6px;
        border-radius: 50%;
    }
    .djywMore a img{
        width: 28px;
        display: block;
    }
    .djDtLeft{
        padding: 40px;
        color: rgb(77, 77, 77);
    }
    .djDtLTitle{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .djDetailList li{
        padding: 20px 0;
        /* border-bottom: 1px solid rgb(218, 218, 218); */
    }
    .djDetailList a{
        color: rgb(77, 77, 77);
    }
    .djDetailList h4{
        font-size: 16px;
        margin-bottom: 6px;
        color: rgb(51, 51, 51);
    }
    .djDetailList p{
        color: rgb(85, 89, 110);
    }
    .djDetailList a:hover h4{
        color: rgb(5, 100, 214);
    }
    .djDetail{
        padding: 20px;
    }
    .djDtRTitle{
        border-bottom: 1px solid rgb(206, 207, 209);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .djDtRTitle h4{
        font-size: 24px;
        color: rgb(77, 77, 77);
        margin-bottom: 14px;
    }
    .djDtRTitle p:first-of-type{
        color: rgb(5, 100, 214);
    }
    .djDtRTitle p:nth-of-type(2){
        color: rgb(128, 128, 128);
        margin-top: 4px;
    }
    .djDtRTitle p:nth-of-type(2) span{
        margin-left: 10px;
        display: inline-block;
    }
    .djDtCont{
        line-height: 24px;
    }

    .djzz_box1{
        /* background-color: rgb(216, 224, 238); */
        border-top: 1px solid rgb(240, 240, 240);
    }
    .djzz_box1,
    .djzz_box2{
        padding: 50px 40px;
        text-align: right;
    }
    /* .djTabNavs li:hover .djzz_box1,
    .djTabNavs li:hover .djzz_box2, */
    .djTabNavs li.active .djzz_box1,
    .djTabNavs li.active .djzz_box2{
        background-color: rgb(216, 224, 238);
    }
    .djzz_b11{
        margin-bottom: 30px;
    }
    .djzz_b11 p{
        font-size: 24px;
        color: rgb(121, 125, 155);
    }
    .djzz_b11 h4{
        font-size: 24px;
        color: rgb(32, 31, 76);
        font-weight: bold;
    }
    .djzz_b12 p{
        margin-bottom: 10px;
    }
    .djzz_b12 p:last-of-type{
        margin: 0;
    }
    .djzz_b12 a{
        color: rgb(85, 89, 110);
        font-size: 16px;
    }
    .djTabConts{
        display: none;
    }
    .djTabConts.active{
        display: block;
    }
    .djzzCont{
        line-height: 24px;
    }
    .dj_rudangCont{
        padding-top: 20px;
    }
    .dj_rdTitle {
        margin-bottom: 30px;
        color: rgb(85, 89, 110);
    }
    .dj_rdTitle img,
    .dj_rdTitle span{
        display: inline-block;
        vertical-align: middle;
    }
    .dj_rdTitle span{
        font-size: 20px;
        margin-left: 10px;

    }
    .dj_rdText{
        margin-bottom: 60px;
        line-height: 24px;
        color: rgb(85, 89, 110);
    }
    .djfcBox{
        position: relative;
        cursor: pointer;
    }
    .djfcBox p{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        line-height: 60px;
        background-color: rgba(230, 230, 230, 0.8);
        text-align: center;
        color: rgb(77, 77, 77);
        font-size: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .dj_fcBanner{
        margin-bottom: 50px;
        position: relative;
        padding: 0px 70px;
    }
    .dj_fengcai >h4{
        font-size: 18px;
        margin-bottom: 30px;
        padding-left: 70px;
    }
    .dj_fcBanner .swiper-button-next{
        right: 0;
    }
    .dj_fcBanner .swiper-button-prev{
        left: 0;
    }
    .dj_fcBanner .swiper-button-next,
    .dj_fcBanner .swiper-button-prev{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgb(5, 100, 214);
    }
    .dj_fcBanner .swiper-button-next::after,
    .dj_fcBanner .swiper-button-prev::after{
        color: white;
        font-size: 24px;
    }
/* 党建要闻 */
/* 关于我们 */
    .about{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .aboutCont{
        font-size: 16px;
        line-height: 30px;
    }
    .aboutRight{
        width: 450px;
    }
    .aboutRight >h4{
        font-size: 20px;
        padding: 32px 60px;
        background-color: rgb(5, 100, 214);
        color: white;
        margin-bottom: 20px;
    }
    .aboutRight li{
        position: relative;
        padding: 24px 60px;
    }
    .aboutRight li::after{
        content:'';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 80%;
        height: 1px;
        background-color: rgb(179, 179, 179);
    }
    .aboutRight li h4{
        font-size: 16px;
        position: relative;
    }
    .aboutRight li h4::after{
        content:'';
        display: none;
        position: absolute;
        top: 50%;
        right: 13%;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: rgb(5, 100, 214);
    }
    .aboutRight li:hover h4 a,
    .aboutRight li.active h4 a{
        color: rgb(5, 100, 214);
    }
    .aboutRight li:hover h4::after{
        display: block;
    }
    .aboutRight li p{
        color: rgb(102, 102, 102);
        margin-top: 10px;
    }
    .aboutRight li p a{
        color: rgb(102, 102, 102);
        cursor: default;
    }
    .aboutLeft{
        border-right: 1px solid rgb(179, 179, 179);
        overflow: hidden;
    }
    .aboutBanCont{
        width: 100%;
        left: 0;
        color: white;
        text-align: center;
    }
    .aboutBanCont h4{
        font-size: 47px;
    }
    .aboutBanCont p{
        font-size: 35px;
    }
    .aboutBanCont a{
        display: inline-block;
        background-color: rgb(5, 100, 214);
        color: white;
        padding: 10px 30px;
        border-radius: 40px;
        margin-top: 40px;
    }
    .aboutMainTitle{
        margin-top: 80px;
        margin-bottom: 60px;
    }
    .aboutMainTitle h4{
        font-size: 28px;
        margin-bottom: 10px;
    }
    .aboutMainTitle div span{
        font-size: 52px;
        color: rgb(5, 100, 214);
        display: inline-block;
        vertical-align: middle;
    }
    .aboutMainTitle div i,.aboutMainTitle div em{
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        font-style: normal;
    }
    .aboutMainC{
        padding: 0px 12%;
    }
    .abcy1{
        margin-top: 40px;
    }
    .abcy1 >h4,
    .abcy2 >h4{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .abcy1 ul{
        text-align: center;
    }
    .abcy1 li{
        margin-bottom: 0px;
        text-align: center;
        display: inline-block;
        margin-right: 80px;
    }
    .abcy1 li:nth-of-type(3n),
    .abcy1 li:last-of-type{
        margin-right: 0;
    }
    /* .abcy1 li:last-of-type{
        margin-left: 120px;
    } */
    .abcy1 ul.list3{
        padding: 0px 12%;
    }
    /* .abcy1:nth-of-type(2) li:last-of-type{
        margin-left: 100px;
    } */
    .abcy2 li{
        width: 24%;
        display: inline-block;
    }
    .abfzlcBox{
        margin-top: 50px;
        padding: 0px 5%;
    }
    .abfzlcBox >h4{
        font-size: 18px;
        padding-left: 50px;
        margin-bottom: 20px;
    }
    .abfzlcCont p{
        line-height: 24px;
        position: relative;
        padding-left: 10px;
    }
    .abfzlcCont p::after{
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        /* transform: translateY(-50%); */
        width: 3px;
        height: 3px;
        background-color: rgb(0, 149, 244);
        border-radius: 50%;
    }
    .abfzlcBox >ul{
        position: relative;
        height: 1000px;
        overflow: hidden;
    }
    .abfzlcBox ul.active{
        height: auto;
        overflow: visible;
    }
    .abfzlcBox >ul::after{
        content:'';
        display: block;
        width: 1px;
        height: 100%;
        background-color: rgb(5, 100, 214);
        position: absolute;
        top: 0;
        left: 50%;
    }
    .abfzlc_img{
        text-align: center;
        margin-top: 30px;
    }
    .abfzlcCont{
        display: inline-block;
        width: 50%;
        text-align: left;
        padding: 0px 50px;
        position: relative;
    }
    .abfzlcBox >ul >li{
        position: relative;
    }
    .abfzlcBox >ul >li::after{
        content:'';
        display: block;
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: rgb(5, 100, 214);
    }
    .abfzlcCont >h4{
        font-size: 45px;
        color: rgb(5, 100, 214);
        margin-bottom: 10px;
    }
    .abfzlcNum{
        color: rgb(0, 149, 244);
    }
    .abfzlcBox >ul >li:nth-of-type(2n){
        text-align: right;
    }
    .ab_qywhList li{
        margin-bottom: 20px;
    }
    .ab_qyImg{
        width: 290px;
        border: 1px solid rgb(228, 228, 228);
    }
    .ab_qyImg img{
        display: block;
    }
    .ab_qyCont{
        padding-left: 20px;
        position: relative;
    }
    .ab_qyC1 h4{
        font-size: 18px;
        text-indent: -6px;
    }
    .ab_qyC1 p:first-of-type{
        font-size: 16px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .ab_qyC1 p:first-of-type span{
        float: right;
    }
    .ab_qyC1 p:nth-of-type(2){
        color: rgb(102, 102, 102);
        line-height: 24px;
    }
    .ab_qyC2{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-left: 20px;
    }
    .ab_qyC2 a{
        display: inline-block;
        background-color: rgb(229, 229, 229);
        padding: 6px 20px;
        font-size: 16px;
    }
    .ab_qyC2 a img{
        width: 16px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
    }
    .ab_qyC2 a span{
        display: inline-block;
        vertical-align: middle;
    }
    .ab_qyC2 a:nth-of-type(2){
        float: right;
    }
    .ab_qywhList li{
        margin-bottom: 50px;
    }
    .abqywh2List{
        margin-top: 100px;
        padding-left: 100px;
    }
    .abqywh2List li{
        margin-bottom: 60px;
    }
    .abqywh2Box{
        position: relative;
        padding-left: 80px;
    }
    .abqywh2Box >span{
        position: absolute;
        top: 0;
        left: 0;
        font-size: 60px;
        color: rgb(5, 100, 214);
        line-height: 1em;
    }
    .abqywh2Box h4{
        font-size: 16px;
        color: rgb(5, 100, 214);
        margin-bottom: 10px;
    }
    .abqywh2Box p{
        line-height: 30px;
    }
    .abHonor1{
        margin-top: 60px;
    }
    .abHonor1 >h4{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .abHonorBan1{
        position: relative;
        padding: 0px 10%;
    }

    

    .abHonorImgs{
        margin-bottom: 30px;
        padding: 0px 10%;
        
    }
    .abHonorImgs ul{
        justify-content: space-between;
    }
    .abHonorImgs li{
        /* margin-right: 4%; */
        margin-bottom: 20px;
        width: 19%;
    }
    .abHonorImgs li:last-of-type{
        margin-right: 0;
    }
/* 关于我们 */
/* 投资者关系 */
    .touziMain{
        padding: 50px 0 100px;
    }
    .touziTitle{
        text-align: center;
        margin-bottom: 30px;
        /* margin-top: 80px; */
    }
    .touziTitle h4{
        font-size: 28px;
        color: white;
    }
    .touzi{
        /* margin: 50px 0px 100px; */
    }
    .touziBox1:first-of-type{
        padding-right: 8px;
    }

    .touziBox1:nth-of-type(2){
        padding-left: 8px;
    }
    .touziBr1 >div:first-of-type{
        margin-right: 8px;
        min-height: 230px;
    }
    .touziBr1 >div:nth-of-type(2){
        margin-left: 8px;
    }
    .touziBl{
        position: relative;
        height: 100%;
    }
    .touziBl img{
        width: 100%;
        height: 100%;
    }
    .touziBl a{
        display: block;
        height: 100%;
    }
    .touziBl h4{
        position: absolute;
        top: 45px;
        left: 45px;
        color: rgb(0, 110, 185);
        font-size: 18px;
        font-weight: bold;
    }
    .touziBr1Text{
        padding: 45px;
    }
    .touziBr1Text h4{
        color: rgb(0, 110, 185);
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 24px;
        line-height: 1em;
    }
    .touziBr1Text p{
        color: rgb(0, 110, 185);
        margin-bottom: 10px;
    }
    .touziBr1Text p a{
        color: rgb(0, 110, 185);
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .touziLX,
    .touziLX a{
        height: 100%;
        display: block;
    }
    .touziBr2{
        margin-top: 16px;
        background-color: rgb(5, 100, 214);
        padding: 45px;
        color: white;
        min-height: 280px;
    }
    .touziBr2 a{
        color: white;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-family: 'HanSans-Light';
    }
    .touziBr2 h4{
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .touziBr2 p{
        margin-bottom: 10px;
    }
    .touziMain .containers{
        max-width: 1180px;
    }
/* 投资者关系 */
/* 投资者关系-股票信息 */
    .tzInLeft{
        width: 280px;
    }
    .tzInLeList ul{
        border: 1px solid rgb(230, 230, 230);
    }
    .tzInLeList li{
        border-bottom: 1px solid rgb(230, 230, 230);
    }
    .tzInLeList li:last-of-type{
        border: none;
    }
    .tzInLeList li a{
        padding: 20px;
        font-size: 18px;
    }
    .tzInLeList li.active a{
        background-color: rgb(5, 100, 214);
        color: white;
    }
    .tzInRTitle{
        border-bottom: 1px solid rgb(230, 230, 230);
        margin-bottom: 30px;
    }
    .tzInRTitle h4{
        font-size: 18px;
        padding: 16px 0;
    }
    .tzInRight{
        padding-left: 40px;
        overflow: hidden;
    }
    .tzGpTitle {
        margin: 160px 0 60px;
    }
    .tzGpTitle h4{
        text-align: center;
        font-size: 18px;
    }
    .tzGpInfoLeft{
        width: 40%;
        float: left;
    }
    .tzGpInfoRight{
        width: 60%;
        float: left;
    }
    .tzGpinfo{
        background-color: white;
        padding: 50px;
    }
    .tzGpInfoLTitle{
        text-align: center;
        margin-bottom: 30px;
    }
    .tzGpInfoLTitle h4{
        font-size: 24px;
        color: rgb(5, 100, 214);
    }
    .tzGpInfoLTitle p{
        font-size: 12px;
    }
    .tzGpInfoBox2{
        border-top: 1px solid rgb(230, 230, 230);
        border-bottom: 1px solid rgb(230, 230, 230);
        font-size: 12px;
    }
    .tzGpInfoBox2 li{
        border-bottom: 1px solid rgb(230, 230, 230);
    }
    .tzGpInfot21 >div{
        float: left;
        width: 50%;
    }
    .tzGpInfot2 .tzGpInfot21:first-of-type{
        border-right: 1px solid rgb(230, 230, 230);
    }
    .tzGpInfot2 .tzGpInfot21{
        padding: 10px;
    }
    .tzGpInfot2 .tzGpInfot21 >div:first-of-type{
        position: relative;
        padding-left: 6px;
    }
    .tzGpInfot2 .tzGpInfot21 >div:first-of-type::after{
        content:'*';
        position: absolute;
        top: 3px;
        left: 0;
        font-size: 12px;
        color: rgb(198, 5, 19);
        display: block;
    }
    .tzGpInfot1{
        padding: 10px;
    }
    .tzGpInfot1 >div:first-of-type{
        width: 25%;
        position: relative;
        padding-left: 6px;
    }
    .tzGpInfot1 >div:first-of-type::after{
        content:'*';
        position: absolute;
        top: 3px;
        left: 0;
        font-size: 12px;
        color: rgb(198, 5, 19);
        display: block;
    }
    .tzGpInfot1 >div:nth-of-type(2){
        font-size: 12px;
    }
    .tzGpInfoBox2 li:last-of-type{
        border-bottom: none;
    }
    .tzGpInfoRight{
        padding-left: 50px;
        overflow: hidden;
    }
    .tzGpInfoR1 {
        border: 1px solid rgb(230, 230, 230);
        background-color: rgb(255, 250, 246);
    }
    .tzGpInfoR11{
        width: 130px;
        text-align: center;
        font-size: 32px;
        padding: 20px;
        color: rgb(193, 39, 45);
        position: relative;
    }
    .tzGpInfoR11::after{
        content:'';
        display: block;
        width: 1px;
        height: 80%;
        position: absolute;
        top: 50%;
        right:0;
        transform: translateY(-50%);
        background-color: rgb(230, 230, 230);
    }
    .tzGpInfoR11 span{
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
    }
    .tzGpInfoR12{
        padding: 18px 10px;
    }
    .tzGpInfoR12Text p{
        margin-bottom: 6px;
    }
    .tzGpInfoR12Text p:last-of-type{
        margin-bottom: 0;
    }
    .tzGpInfoR12Text p span{
        margin-left: 6px;
    }
    .tzGpInfoR2{
        margin-top: 30px;
    }
    .tzGpInfoR12 li{
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
        font-size: 12px;
    }
    .tzGpInfoR12 li:last-of-type{
        margin-right: 0;
    }
    .tzGpInfoR2 li{
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
        font-size: 18px;
        cursor: pointer;
    }
    .tzGpInfoR2 li:last-of-type{
        margin-right: 0;
    }
    .tzGpInfoR2 li span{
        display: block;
        padding-bottom: 4px;
        border-bottom: 1px solid transparent;
    }
    .tzColor_blue{
        color: rgb(5, 100, 214);
    }
    .tzColor_red{
        color: rgb(193, 39, 45);
    }
    .tzGpInfoR2 li:hover span,
    .tzGpInfoR2 li.active span{
        border-color: black;
    }
    .tzGpInfoR2 p{
        /* margin-top: 10px; */
        text-align: right;
        padding-right: 16%;
    }
    .tzGpInfoR3{
        width: 100%;
        height: 600px;
        position: relative;
    }
    .tzGpInfoCBox{
        width: 100%;
        height: 600px;
        /* display: none; */
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
    }
    .tzGpInfoCBox.active{
        /* display: block; */
        z-index: 100;
        opacity: 1;
    }
    .tzGpInfoTips{
        margin-top: 10px;
        color: rgb(153, 153, 153);
        font-size: 12px;
    }
    .tzBoxLoading{
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 6px;
        padding: 20px;
        transform: translate(-50%,-50%);
        display: none;
        z-index: 106;
    }
    .tzBoxLoading img{
        display: block;
        margin: 0 auto;
        animation:turn 2s infinite;
    }
    .tzBoxLoading p{
        color: white;
        margin-top: 10px;
    }
    @keyframes turn{
        0%{-webkit-transform:rotate(0deg);}
        /* 25%{-webkit-transform:rotate(90deg);}
        50%{-webkit-transform:rotate(180deg);}
        75%{-webkit-transform:rotate(270deg);} */
        100%{-webkit-transform:rotate(360deg);}
    }
/* 投资者关系-股票信息 */
/* 投资者关系-定期报告 */
    .tzBaogao{}
    .tzBgList{
        padding-left: 40px;
    }
    .tzBgList li{
        padding: 16px;
        position: relative;
        border-bottom: 1px solid rgb(230, 230, 230);
        cursor: pointer;
        padding-right: 80px;
    }
    .tzBgList li::after{
        content:'';
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 4px;
        height:14px;
        background-color: rgb(230, 230, 230);
    }
    .tzBgList li:hover p{
        color: rgb(5, 100, 214);
    }
    .tzBgList li a img{
        display: inline-block;
        width: 20px;
        margin-left: 10px;
        transform: translateY(4px);
    }
    .tzbgTime{
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        color: rgb(128, 128, 128);
    }
    .tzbgJd{
        background-color: rgb(237, 237, 237);
        margin-bottom: 30px;
    }
    .tzbgJd li{
        display: inline-block;
        vertical-align: middle;
    }
    .tzbgJd li a{
        display: block;
        padding: 10px 40px;
        font-size: 18px;
    }
    .tzbgJd li a:hover,
    .tzbgJd li.active a{
        background-color: rgb(5, 100, 214);
        color: white;
    }
    /* .tzBgList li p{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    } */
    .tzBgBtn{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .tzBgBtn a{
        display: inline-block;
        vertical-align: middle;
        padding: 6px 20px;
        background-color: rgb(230, 230, 230);
        margin-left: 10px;
    }
    .tzBgBtn a img {
        width: 14px;
        display: block;
    }
    .tz_gsBaogaoNav{
        position: relative;
        padding: 0px 60px;
        margin-bottom: 30px;
    }
    .tz_gsBaogaoNav .swiper-slide.active a,
    .tz_gsBaogaoNav .swiper-slide:hover a{
        background-color: rgb(5, 100, 214);
        color: white;
        border-color: rgb(5, 100, 214);
    }
    .tzgsBan a{
        display: block;
        border:1px solid rgb(230, 230, 230);
        text-align: center;
        padding: 10px;
        font-size: 20px;
    }
    .tzgsNext{
       right: 0;
    }
    .tzgsPrev{
        left: 0;
    }
    .tzgsNext,
    .tzgsPrev{
        width: 30px;
        height:100%;
        background-color: rgb(230, 230, 230);
    }
    .tzgsNext:hover,
    .tzgsPrev:hover{
        background-color: rgb(5, 100, 214);
    }
    .tzgsNext::after,
    .tzgsPrev::after{
        font-size: 24px;
        color: white;
    }
    .tzContactCont{
        border: 1px solid rgb(230, 230, 230);
    }
    .tzContactCont li{
        border-bottom: 1px solid rgb(230, 230, 230);
    }
    .tzContactCont li:last-of-type{
        border: none;
    }
    .tzContactT{
        padding: 14px 0;
        text-align: center;
        color: rgb(5, 100, 214);
        font-size: 18px;
        background-color: rgb(244, 249, 252);
    }
    .tzTontactT2{
        font-size: 14px;
    }
    .tzTontactT2 >div:first-of-type{
        width: 150px;
        padding: 14px 20px;
        border-right: 1px solid rgb(230, 230, 230);
    }
    .tzContactT2Text{
        padding: 14px 20px;
    }

/* 投资者关系-定期报告 */
/* 投资者关系-投资者联系 */
    .tzMap{
        height: 400px;
    }
    .tzContactUsList{
        margin-top: 50px;
    }
    .tzContactUsList ul{
        margin: 0px -10px;
    }
    .tzContactUsList li{
        padding: 0px 10px;
    }
    .tzCUBox h4{
        position: relative;
        padding-left: 16px;
        font-size: 18px;
        margin-bottom: 20px;
    }
    .tzCUBox h4::after{
        content:'';
        display: block;
        position: absolute;
        top:50%;
        left: 0;
        transform: translateY(-50%);
        width: 3px;
        height: 14px;
        background-color: rgb(5, 100, 214);
    }
    .tzCUBox p{
        color: rgb(102, 102, 102);
        margin-bottom: 10px;
        padding-left: 16px;
    }
/* 投资者关系-投资者联系 */
/* 新闻中心 */
    .news{
        position: relative;
        padding-left: 260px;
        margin-top: 60px;
        margin-bottom: 100px;
    }
    .news >h4{
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
    }
    .newsCenter{
        padding-right: 60px;
    }
    .newsCTip{
        font-size: 16px;
        line-height: 30px;
    }
    .newsList >h4{
        font-size: 18px;
        margin-top: 60px;
        margin-bottom: 80px;
    }
    .newsList a{
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
    .newsImg{
        width: 370px;
    }
    .newsCont{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;

    }
    .newsList li{
        padding: 20px 0;
        /* border-bottom: 1px solid rgb(240, 240, 240);s */
    }
    .newsList a{
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        /* flex-wrap: wrap; */
    }
    .newsImg{
        width: 380px;
    }
    .newsImg img{
        width: 100%;
    }
    .newsCont{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding-left: 30px;
    }
    .newsCont p:first-of-type{
        font-size: 14px;
        color: rgb(88, 88, 88);
    }
    .newsCont h4{
        font-size: 18px;
        color: rgb(53, 53, 53);
        margin-top: 10px;
        margin-bottom: 16px;
    }
    .newsList li a:hover .newsCont h4{
        color: rgb(5, 100, 214);
    }
    .newsCont p:nth-of-type(2){
        font-size: 14px;
    }
    .newsCont span{
        color: rgb(1, 177, 226);
        display: block;
        margin-top: 10px;
    }
    
    .newsRight{
        width: 230px;
    }
    .newsRbox h4{
        padding: 10px 20px;
        font-size: 16px;
        color: white;
        background-color: rgb(5, 100, 214);
    }
    .newsRbox ul{
        padding: 30px 0;
    }
    .newsRbox li{
        position: relative;
        padding-left: 20px;
        padding-right: 10px;
        margin-bottom: 10px;
    }
    .newsRbox li::after{
        content:'';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 5px;
        height: 1px;
        background-color: black;
    }
    .newsRbox li.active::after,
    .newsRbox li:hover::after{
        background-color: rgb(5, 100, 214);
        width: 10px;
    }
    .newsRbox li.active a,
    .newsRbox li:hover a{
        color: rgb(5, 100, 214);
    }
    .newsDetail{
        font-size: 16px;
        line-height: 30px;
    }
    .newsDetail{
        padding: 0px 10%;
    }
    .newsDTTitle{
        text-align: center;
        margin-bottom: 30px;
    }
    .newsDTTitle h4{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .newsDTTitle p{
        color: rgb(153, 153, 153);
    }
    .newsOthers{
        border: 1px solid rgb(230, 230, 230);
        padding: 16px 20px;
        margin-top: 50px;
    }
    .newsOthers .flex1{
        padding: 0px 10px;
    }
    .newsOthers .flex1:nth-of-type(2){
        text-align: right;
    }
    .newsOthers a{
        color: rgb(99, 99, 99);
    }
    .newsOthers a i{
        color: black;
    }
    
/* 新闻中心 */
/* 人才中心 */
    /* .header2*/
    .header1.header2{
        background-color: rgb(5, 100, 214);
        border: none;
    }
    .header1.header2 .headerNav a,
    .header1.header2 .logoTip{
        color: white;
    }

    .header1.header2 .headerNav li.active .hNav1 a, 
    .header1.header2 .headerNav li:hover .hNav1 a{
        color: white;
    }
    .rcFooter{
        background-color: rgb(5, 100, 214);
        color: white;
    }
    .header2 a{
        /* color: white; */
    }
    .header2 .logoTip {
        border-left: 1px solid white;
    }
    .rencaiBan img{
        width: 100%;
    }
    .rcctBox{
        padding: 20px 0;
        background-color: rgb(238, 238, 238);
    }
    .rcctLeft{
        position: relative;
        padding-left: 110px;
        min-height: 100px;
        padding-top: 20px;
        margin-top: 7px;
    }
    .rcctLeft img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100px;
    }
    .rcctLeft p{
        /* font-weight: bold; */
        color: rgb(99, 99, 99);
        margin-bottom: 4px;
    }
    .rcctLeft p:last-of-type{
        margin:0;
    }
    .rcctRight{
        text-align: right;
    }
    .rcctRight a{
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        text-align: left;
        padding: 20px 16px 10px;
        border-radius: 6px;
        width: 280px;
    }
    .rcctRight a h4{
        color: white;
        text-align: center;
        margin-bottom: 10px;
    }
    .rcctRight a p{
        font-weight: bold;
        font-style: italic;
    }
    .rcctRight a:first-of-type{
        background-color: rgb(1, 178, 179);
    }
    .rcctRight a:first-of-type p{
        color: rgb(3, 143, 144);
    }
    .rcctRight a:nth-of-type(2){
        background-color: rgb(234, 84, 4);
        margin-left: 20px;
    }
    .rcctRight a:nth-of-type(2) p{
        color: rgb(246, 128, 66);
    }
    /* .rcfzBox {
        margin-bottom: 60px;
        line-height: 24px;
    }
    .rcfzBox h4{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .rcfzBox p{
        font-size: 20px;
        line-height: 40px;
    } */
/* 人才中心 */
/* 人才中心-详情 */
    .rcDtBox{
        background-color: rgb(245, 245, 245);
        padding: 80px;
    }
    .rcDtTitle{
        padding-bottom: 30px;
        border-bottom: 1px solid rgb(216, 216, 216);
        margin-bottom: 30px;
        position: relative;
    }
    .rcDtTitle h4{
        font-size: 38px;
    }
    .rcDtTitle h4 span{
        background-color: red;
        color: white;
        font-size: 24px;
        padding: 4px 10px;
        display: inline-block;
        margin: 0px 10px;
        transform: translateY(-4px);
    }
    .rcDtTitle h4 i{
        font-size: 38px;
        color: rgb(246, 128, 66);
    }
    .rcDtTitle p:first-of-type span{
        font-size: 14px;
        background-color: rgb(238, 241, 246);
        color: rgb(99, 99, 99);
        padding: 4px 20px;
        border-radius: 40px;
        display: inline-block;
        vertical-align: middle;
    }
    .rcDtTitle p:first-of-type i{
        display: inline-block;
        vertical-align: middle;
        font-size: 24px;
        margin-left: 20px;
        color: rgb(99, 99, 99);
    }
    .rcDtTitle p:first-of-type{
        margin: 10px 0 20px;
    }
    .rcDtTitle p:nth-of-type(2),
    .rcDtTitle p:nth-of-type(3){
        font-size: 18px;
        color: rgb(99, 99, 99);
    }
    .rcDtTitle p:nth-of-type(3){
        margin-top: 10px;
    }

    .rcDTa{
        position: absolute;
        right: 0;
    }
    .rcDTa a{
        display: block;
        padding: 14px 40px;
        background-color: rgb(5, 100, 214);
        color: white;
        font-size: 24px;
    }
    .rcDtCBox{
        margin-bottom: 30px;
        /* font-size: 18px; */
    }
    .rcDtCBox h4{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .rcDtCBox p{
        font-size: 16px;
        line-height: 30px;
    }
/* 人才中心-详情 */
/* 人才中心-联系我们 */
    .rcContactBox{
        position: relative;
    }
    .rcContactBox >img{
        width: 540px;
    }
    .rcContactBox .flex1{
        padding-left: 80px;
    }
    .rcContactText{
        font-size: 18px;
        margin-bottom: 76px;
    }
    .rcContactText:last-of-type,
    .rcContactText p:last-of-type{
        margin:0;
    }
    .rcContactText h4{
        margin-bottom: 50px;
    }
    .rcContactText p{
        margin-bottom: 20px;
    }
     .rcContact .tzCUBox{
        display: inline-block;
        text-align: left;
    }
    .rcContact .tzContactUsList li:nth-of-type(2){
        text-align: center;
    }
    .rcContact .tzContactUsList li:last-of-type{
        text-align: right;
    }
/* 人才中心-联系我们 */
/* 校园招聘 */
    .shehui_zhaopin{

    }
    .zhaopinBg >h4{
        font-size: 26px;
        margin-bottom: 40px;
    }
    .zpSearch{
        position: relative;
        padding-left: 60px;
        padding-right: 150px;
        border: 1px solid rgb(5, 100, 214);
    }
    .zpSearch img{
        left: 20px;
        width: 26px;
    }
    .zpSearch input{
        border: none;
        background-color: transparent;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
    }
    .zpSearch input[type="text"]{
        width: 100%;
        
    }
    .zpSearch input[type="submit"]{
        right: 0;
        height: 100%;
        background-color: rgb(5, 100, 214);
        color: white;
        width: 150px;
        text-align: center;
        cursor: pointer;
    }
    .zpTypes{
        margin-top: 40px;
    }
    .zpTypeBox{
        position: relative;
        padding-left: 110px;
        padding-right: 80px;
        margin-bottom: 20px;
    }
    .zpTypeBox:last-of-type{
        margin-bottom: 0;
    }
    .zpTypeBox >span{
        left: 0;
        top: 4px;
        transform: none;
        font-size: 16px;
        color: rgb(102, 102, 102);
        width: 100px;
    }
    .zpMore{
        right: 0;
        color: rgb(102, 102, 102);
        font-size: 16px;
        cursor: pointer;
        top: 4px;
        transform: none;
    }
    .zpTypeBox.active .zpTypeList{
        height: auto;
        overflow: visible;
    }
    .zpTypeList{
        min-height: 28px;
        height: 28px;
        overflow: hidden;
    }
    .zpTypeList a{
        display: inline-block;
        padding: 2px 14px;
        border-radius: 40px;
        background-color: rgb(229, 239, 253);
        margin: 0px 5px;
        margin-bottom: 10px;
        font-size: 18px;
        color: rgb(102, 102, 102);
    }
    .zpTypeList a.active,
    .zpTypeList a:hover{
        color: white;
        background-color: rgb(5, 100, 214);
    }
    .zpMore span{
        font-size: 14px;
    }
    .zpline{
        height: 20px;
        background-color: rgb(248, 248, 248);
        margin: 30px 0;
    }
    .zpList li{
        padding: 30px 40px;
        /* border-bottom: 1px solid rgb(238, 238, 238); */
        background-color: rgb(248, 248, 248);
        margin-bottom: 10px;
    }
    .zhaopinBg{
        background-color: rgb(248, 248, 248);
        padding: 30px 40px;
        margin-bottom: 20px;
    }
    .zpRText1 h4{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .zpRText1 h4 a{
        /* color: rgb(102, 102, 102); */
    }
    .zpRText1 h4 span{
        font-size: 16px;
        padding: 0px 2px;
        background-color: red;
        color: white;
        margin-left: 6px;
    }
    .zpRText1 p span{
        color: rgb(102, 102, 102);
        position: relative;
        padding-right: 14px;
        margin-right: 10px;
    }
    .zpRText1 p span::after{
        content:'';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 1px;
        height: 14px;
        background-color: rgb(229, 229, 229);
    }
    .zpRText1 p span:last-of-type::after{
        display: none;
    }
    .zpRText2{
        margin-top: 20px;
    }
    .zpRText2 p{
        color: rgb(102, 102, 102);
        line-height: 24px;
    }
    .zpListR{
        text-align: right;
    }
    .zpListR h4{
        font-size: 24px;
        color: red;
        margin-bottom: 10px;
    }
    .zpListR p{
        color: rgb(153, 153, 153);
    }
/* 校园招聘 */
/* 善熵学院 */

    .header1.header3{
        background-color: rgb(252, 132, 3);
        border: none;
    }
    .header1.header3 .headerNav a{
        color: white;
    }
    .header1.header3 .headerNav .hNav2 a{
        color: rgb(252, 132, 3);
    }
    .header1.header3 .headerNav .hNav2 a.active,
    .header1.header3 .headerNav .hNav2 a:hover{
        color: black
    }
    .header1.header3 .headerNav li.active .hNav1 a, 
    .header1.header3 .headerNav li:hover .hNav1 a{
        color: white;
    }
    .header1.header3 .headerNav li:hover .hNav1 a::after{
        background-color: white;
    }
    .sColFooter{
        background-color: rgb(252, 132, 3);
        color: white;
    }
    .shangCollegeL{
        padding-right: 40px;
        overflow: hidden;
    }
    .sColBanner{
        
    }
    .colM1Ban .swiper-pagination-bullet{
        background-color: white;
        opacity: 1;
    }
    .colM1Ban .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background-color: rgb(252, 132, 3);
        width: 16px;
        border-radius: 10px;
    }
    .sColNext,
    .sColPrev{
        width: 40px;
        height: 60px;
        background-color: rgba(0, 0, 0, 0.7);
        transform: translateY(-50px);
    }
    .sColNext::after,
    .sColPrev::after{
        color: white;
        font-weight: bold;
        font-size: 26px;
    }
    .sColNext{
        right: 0;
    }
    .sColPrev{
        left: 0;
    }
    .sCollegeTitle{
        border-bottom: 1px solid rgb(229, 229, 229);
        padding-bottom: 10px;
        margin-bottom: 30px;
    }
    .sCollegeTitle span:first-of-type{
        font-size: 36px;
        color: rgb(88, 88, 88);
    }
    .sCollegeTitle span:nth-of-type(2){
        font-size: 18px;
        color: rgb(153, 153, 153);
    }
    .sCollegeTitle a{
        float: right;
        color: rgb(153, 153, 153);
        transform: translateY(24px);
    }
    .sColImg{
        position: relative;
    }
    .sColImg img{
        width: 100%;
    }
    .sColImg p{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        font-size: 18px;
        height: 50px;
        line-height: 50px;
        padding: 0px 30px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .sColCont{
        padding: 30px;
        color: rgb(137, 137, 137);
        font-size: 16px;
        background-color: white;
    }

    .shangCollegeR{
        width: 370px;
    }
    .sCollegeRList li{
        margin-bottom: 14px;
    }
    .sCollegeRList li a{
        position: relative;
    }
    .sCollegeRList li a img{
        height: 190px;
        width: 100%;
    }
    .sCollegeRList li p{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        line-height: 40px;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        font-size: 16px;
        padding: 0px 20px;
        text-align: center;
    }
/* 善熵学院 */
/* 善熵学院-关于我们 */
    .colAboutL{
        width: 230px;
    }
    .colAboutL >h4{
        font-size: 24px;
        color: rgb(249, 157, 51);
        margin-bottom: 10px;
    }
    .colAboutL li{
        position: relative;
        border-bottom: 1px solid rgb(224, 219, 215);
    }
    .colAboutL li a{
        padding: 10px 16px;
        position: relative;
        display: block;
        font-size: 16px;
        padding-left: 24px;
    }
    .colAboutL li a::after{
        content:'';
        display: block;
        position: absolute;
        top: 50%;
        left: 6px;
        transform: translateY(-50%);
        width: 6px;
        height: 6px;
        /* border-radius: 50%; */
        background-color: rgb(99, 99, 99);
    }
    .colAboutL li:hover a,
    .colAboutL li.active a{
        background-color: rgb(249, 157, 51);
        color: white;
    }
    .colAboutL li:hover a::after,
    .colAboutL li.active a::after{
        background-color: white;
    }
    .colAboutR{
        overflow: hidden;
        padding-left: 100px;
    }
    .colAboutRNav{
        border-bottom: 1px solid rgb(224, 219, 215);
        padding-bottom: 10px;
        margin-bottom: 30px;
    }
    .colAboutRNav >span{
        font-size: 24px;
        color: rgb(249, 157, 51);
    }
    .colAboutRNav li{
        position: relative;
        margin-left: 10px;
    }
    .colAboutRNav li::after{
        content:'-';
        display: block;
        position: absolute;
        right: -8px;
        top: 50%;
        transform: translateY(-50%);
    }
    .colAboutRNav li:last-of-type::after{
        display: none;
    }
    .colAboutCont{
        font-size: 16px;
    }
    .colRcB1Img{
        position: relative;
    }
    .colRcB1Img p{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        line-height:50px;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        font-size: 18px;
        padding: 0px 30px;
    }
    .colRcB1Cont{
        margin-top: 130px;
    }
    .colRencai{
        position: relative;
        background-color: white;
    }
    .colRcBanner{
        margin-top: 16px;
        background-color: rgb(160, 160, 160);
        padding: 20px 60px;
        /* border-radius: 6px; */
        position: absolute;
        top: 600px;
        left: 0;
        width: 100%;
        z-index: 99999;
    }

    .colRcNext::after,
    .colRcPrev::after{
        font-size: 24px;
        font-weight: bold;
        color: white;
    }
    .colRcBanImg{
        position: relative;
    }
    .colRcBanImg::after{
        content:'';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 1;
        transition: all 0.3s;
    }
    .colRcBan .active .colRcBanImg::after{
        opacity: 0;
    }
    .colRcCont{
        padding: 40px;
        /* padding-top: 30px; */
        font-size: 16px;
        line-height: 30px;
        border: 1px solid rgb(200, 200, 200);
    }
    .colRcCont h4{
        color: rgb(249, 157, 51);
        font-size: 24px;
        margin-bottom:20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgb(200, 200, 200);
    }
    .colRcCont p{
        color: rgb(99, 99, 99);
    }
    .col_AbJJ{
        color: rgb(99, 99, 99);
        line-height: 30px;
    }
/* 善熵学院-关于我们 */
/* 善熵学院-新闻中心 */
    .colNews{}
    .colNews li{
        padding: 30px 0;
        border-bottom: 1px dashed rgb(223, 220, 217);
    }
    .colNewsTime{
        width: 80px;
        background-color: rgb(234, 231, 226);
        text-align: center;
        color: rgb(99, 99, 99);
    }
    .colNewsTime h4{
        font-size: 36px;
    }
    .colNewsTime p{
        padding-bottom: 6px;
        padding-top: 6px;
        border-top: 4px solid white;
    }
    .colNewsCont{
        padding-left: 30px;
    }
    .colNewsCont h4{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .colNewsCont p{
        font-size: 16px;
        color: rgb(137, 137, 137);
    }
    .colTitles.productTitle{
        background-color: rgb(252, 132, 3);
    }
/* 善熵学院-新闻中心 */
/* 善熵学院-登录 */
    .colLogin{
        padding: 220px 0;
        text-align: right;
    }
    .colLoginBox{
        text-align: left;
        display: inline-block;
        background-color: white;
        border-radius: 4px;
        padding: 40px;
        color: rgb(148, 148, 148);
        box-shadow: 0px 0px 10px 0px rgb(230, 230, 230);
    }
    .colLoginBox >h4{
        font-size: 22px;
        margin-bottom: 30px;
    }
    .loginInp {
        position: relative;
        padding-left: 40px;
        border: 1px solid rgb(204, 204, 204);
        background-color: rgb(204, 204, 204);
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .loginInp img{
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
    }
    .loginInp input{
        width: 100%;
        background-color: white;
        border: none;
        height: 42px;
        line-height: 42px;
        width: 250px;
        padding: 0px 10px;
        font-size: 16px;
    }
    .loginSub{
        margin-top: 40px;
    }
    .loginSub input{
        width: 100%;
        height: 42px;
        line-height: 42px;
        background-color: rgb(252, 132, 3);
        color: white;
        font-size: 20px;
        border: none;
        border-radius: 4px;
    }
    .loginOther{
        margin-top: 20px;
    }
    .loginOther a{
        color: rgb(137, 137, 137);
        font-size: 18px;
    }
    .loginOther a:nth-of-type(2){
        float: right;
    }
    .yanzhengBox{
        position: relative;
        /* padding-right: 130px; */
        font-size: 18px;
        box-sizing: border-box;
        width: 100%;
    }
    .yanzhengBox input{
        width: 200px;
        height: 50px;
        line-height: 50px;
        background-color: white;
        border: 1px solid rgb(204, 204, 204);
        padding: 0px 20px;
        font-size: 18px;
        border-radius: 4px;
    }
    .yanzhengBox button{
        position: absolute;
        top: 0;
        right: 0;
        width: 110px;
        height: 50px;
        background-color: rgb(252, 132, 3);
        color: white;
        border: none;
        border-radius: 4px;
        font-size: 16px;
    }
/* 善熵学院-登录 */
/* 善熵学院-大事记 */
    .colDashiji{}
    .colDsjList ul{
        position: relative;
        z-index: 10;
        padding: 20px 0;
    }
    .colDsjList ul::after{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 16px;
        width: 1px;
        height: 100%;
        background-color: rgb(153, 153, 153);
        z-index: -1;
    }
    .colDsjList li{
        margin-bottom: 20px;
    }
    .colDsjList li:last-of-type{
        margin: 0;
    }
    .colDsjTime {
        padding-left: 8px;
        cursor: pointer;
    }
    .colDsjTime span{
        display: inline-block;
        vertical-align: middle;
    }
    .colDsjTime span:first-of-type{
        position: relative;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: rgb(246, 128, 66);
        margin-right: 30px;
    }
    .colDsjTime span:first-of-type::after{
        content:'';
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        width: 20px;
        height: 1px;
        background-color: rgb(246, 128, 66);
    }
    .colDsjTime span:nth-of-type(2){
        font-size: 18px;
    }
    .colDsjTime i{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: rgb(230, 230, 230);
        margin-left: 10px;
    }
    .colDsjTime i::after{
        content:'+';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 20px;
        transform: translateY(-2px);
        font-size: 24px;
        display: inline-block;
        text-align: center;
        color: rgb(153, 153, 153);
    }
    .colDsjInlist{
        margin-top: 20px;
        padding-left: 60px;
        display: none;
    }
    .colDsjList li.active .colDsjInlist{
        /* display: block; */
    }
    .colDsjList li.active .colDsjTime i::after{
        content:'-';
    }
    .colDsjInBox{
        background-color: rgb(223, 223, 223);
        margin-bottom: 16px;
        padding: 10px;
    }
    .colDsjInlist .colDsjInBox:last-of-type{
        margin: 0;
    }
    .colDsjInImg{
        width: 300px;
    }
    .colDsjInText{
        padding: 30px 20px;
    }
    .colDsjInText p{
        color: rgb(252, 132, 3);
        margin-bottom: 10px;
        /* font-size: 16px; */
        font-size: 20px;
    }
    .colDsjInText h4{
        font-size: 20px;
        color: rgb(99, 99, 99);
    }
    .colDSJText{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

/* 善熵学院-大事记 */
/* 善熵学院-新闻详情 */
    .colDetail{
        margin: 40px 0;
    }
    .col_detail{
        background-color: white;
        padding: 50px;
        max-width: 1000px;
        margin: 0 auto;
    }
    .colDtLogo {
        padding-bottom: 14px;
        border-bottom: 1px solid rgb(180, 180, 180);
        margin-bottom: 30px;
    }
    .colDtLogo img{
        max-width: 200px;
    }
    .colDtTitle{
        text-align: center;
        margin-bottom: 30px;
    }
    .colDtTitle h4{
        font-size: 24px;
        color: rgb(51, 51, 51);
    }
    .colDtTitle p{
        margin-top: 20px;
        border-top: 1px dashed rgb(230, 230, 230);
        border-bottom: 1px dashed rgb(230, 230, 230);
        padding: 5px 0;
        font-size: 16px;
        color: rgb(51, 51, 51);
    }
    .colDtTitle p span{
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px;
    }
    .colDtCont{
        line-height: 30px;
        font-size: 16px;
        color: rgb(51, 51, 51);
    }
    .colDtBanner{
        margin-top: 40px;
    }
    .colDtBanBox {
        position: relative;
    }
    .colDtBanBox p{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        font-size: 18px;
        padding: 0px 20px;
    }
    .colDtNext,
    .colDtPrev{
        width: 50px;
        height: 100px;
        background-color: rgb(252, 132, 3);
    }
    .colDtNext::after,
    .colDtPrev::after,
    .colNewNext::after,
    .colNewPrev::after{
        font-size: 24px;
        color: white;
        font-weight: bold;
    }
    .colDtNext,
    .colNewNext{
        right: 0px;
    }
    .colDtPrev,
    .colNewPrev{
        left: 0px;
    }
    .colNewBanner{
        position: relative;
        padding: 0px 60px;
        margin-top: 10px;
    }
    .colNewNext,
    .colNewPrev{
        width: 40px;
        height: 100%;
        background-color: rgb(252, 132, 3);
        margin: 0;
        transform: translateY(-50%);
    }
    .colPrint{
        margin-top: 50px;
        padding-top: 16px;
        border-top: 1px dashed rgb(230, 230, 230);
    }
    .colPrint a{
        display: inline-block;
        background-color: rgb(252, 132, 3);
    }
    .colPrint a img{
        width: 26px;
        display: block;
    }
    .colNewBanBox{
        border: 2px solid transparent;
    }
    .colNewBan .active .colNewBanBox{
        border-color: rgb(252, 132, 3);
    }
    
/* 善熵学院-新闻详情 */
/* 善熵学院-学习中心 */
    .collegeHeader{
        padding-top: 40px;
        border-bottom: 2px solid rgb(252, 132, 3);
    }
    .collegeH1{
        position: relative;
        text-align: right;
    }
    .collegeH1 >a{
        display: block;
        left: 0;
    }
    .collegeSearch{
        display: inline-block;
        text-align: left;
        border: 2px solid #fc8403;
        border-radius: 50px;
        padding-right: 100px;
        position: relative;
        overflow: hidden;
    }
    .collegeSearch input[type="text"]{
        -webkit-appearance: none;
        width: 400px;
        height: 34px;
        border: none;
        background-color: transparent;
        padding: 0px 20px;
        font-size: 18px;
        color: rgb(252, 132, 3);
    }
    .collegeSearch input[type="text"]::-webkit-input-placeholder{
        color: rgb(252, 132, 3);
    }
    .collegeSearch input[type="submit"]{
        position: absolute;
        top: -1%;
        right: -2px;
        width: 100px;
        height: 102%;
        background: url('../image/search4.png') no-repeat center center/24px 24px rgb(252, 132, 3);
        border: none;
        -webkit-appearance: none;
        cursor: pointer;
    }
    .collegeH1Nav{
        margin-top: 50px;
        padding-bottom: 20px;
        text-align: center;
        
    }
    .collegeH1Nav a{
        font-size: 18px;
    }
    .collegeH1Nav a:hover{
        color: rgb(252, 132, 3);
    }
    .colM1{
        
        position: relative;
    }
    .colM1Box{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
    }
    .colM1Box .containers{
        height: 100%;
    }
    .colM1Nav{
        width: 320px;
        background-color: rgb(240, 240, 240);
        height: 100%;
        padding: 10px;
        overflow-y: auto;
    }
    .colM1Nav li{
        border-bottom: 1px solid rgb(180, 180, 180);
        padding: 14px 10px;
    }
    .colM1Nav li:last-of-type{
        border: none;
    }
    .colM1Nav li h4{
        font-size: 16px;
        margin-bottom: 4px;
    }
    .colM1Nav li a{
        display: inline-block;
    }
    .colM1Nav li a:hover{
        color: rgb(252, 132, 3);
    }
    .colM1Nav li p a{
        width: 23%;
        line-height: 30px;
    }
    .colM2Banner{
        position: relative;
    }
    .colM2{
        margin-top: 50px;
        margin-bottom: 80px;
    }
    .colMTitle{
        text-align: center;
        font-size: 28px;
        margin-bottom: 20px;
    }
    .colMTitle span{
        position: relative;
    }
    .colMTitle span::before,
    .colMTitle span::after{
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100px;
        height: 1px;
        background-color: rgb(153, 153, 153);
    }
    .colMTitle span::before{
        left: -120px;
    }
    .colMTitle span::after{
        right: -120px;
    }
    .colM2Img{
        border-radius: 6px;
        overflow: hidden;
    }
    .colM2Banner{
        padding: 0px 60px;
    }
    .colM2Ban p{
        margin-top: 10px;
        font-size: 16px;
    }
    .colM2Next,
    .colM2Prev{
        background-color: rgb(252, 132, 3);
        width: 30px;
        height: 60px;
        border-radius: 6px;
    }
    .colM2Next::after,
    .colM2Prev::after{
        color: white;
        font-size: 28px;
        font-weight: bold;
    }
    .colClassify{
        margin: 60px 0;
    }
    .colClassifyL{
        width: 220px;
    }
    .colClassifyL h4{
        font-size: 20px;
        color: white;
        background-color: rgb(252, 132, 3);
        padding: 20px;
    }
    .colClassifyL ul{
        border: 1px solid rgb(230, 230, 230);
        border-top: none;
        border-bottom: none;
    }
    .colClassifyL li{
        border-bottom: 1px solid rgb(230, 230, 230);
    }
    .colClassifyL li a{
        display: block;
        padding: 16px 30px;
        font-size: 16px;
        position: relative;
    }
    .colClassifyL li a::after{
        content:'';
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color:transparent;
    }
    .colClassifyL li:hover a,
    .colClassifyL li.active a{
        color: rgb(252, 132, 3);
    }
    .colClassifyL li:hover a::after{
        background-color: rgb(252, 132, 3);
    }
    .colClassifyR{
        padding-left: 50px;
    }
    .colClassifyList a{
        background-color: rgb(244, 245, 249);
    }
    .colClasImg{
        border-radius: 6px;
        overflow: hidden;
    }
    .colClassifyList a p{
        font-size: 16px;
        color: rgb(49, 164, 255);
    }
    .colClasCont {
        padding: 10px;
    }
    .colClassifyList li{
        margin-bottom: 20px;
    }
    
/* 善熵学院-学习中心 */
/* 善熵学院-视频播放 */
    .colVideoBox{
        padding: 0px 16px;
    }
    .colVideoBox video{
        width: 100%;
        height: auto;
    }
    .colVideo{
        margin: 60px 0;
        background-color: rgb(51, 51, 51);
        padding: 30px 0px;
        position: relative;
        overflow: hidden;
    }
    .colVideoTitle{
        /* text-align: center; */
        margin-bottom: 20px;
        padding: 0px 16px;
    }
    .colVideoTitle h4{
        font-size: 24px;
        color: white;
    }
    .colVideoTitle h4 span{
        float: right;
    }
    .colMlist ul{
        justify-content: space-between;
    }
    .colMlist li{
        -webkit-box-flex: 0 0 23%;
        -webkit-flex: 0 0 23%;
        flex: 0 0 23%;
        margin-bottom: 30px;
    }
    .colMlist li a{
        background-color: rgb(244, 245, 249);
        padding-bottom: 10px;
    }
    .colMImg{
        border-radius: 6px;
        overflow: hidden;
    }
    .colMlist p{
        margin-top: 10px;
        font-size: 18px;
        text-align: center;

    }
    .colVideoBox{
        position: relative;
        overflow: hidden;
        padding-right: 300px;
    }
    .colVideoBox.active{
        padding-right: 16px;
    }
    .colVideoList{
        position: absolute;
        top: 0;
        right: 0;
        width: 300px;
        z-index: 99999;
        height: 100%;
        background-color: rgb(51, 51, 51);
        padding: 36px 20px 20px;
        transition: all 0.5s;
    }
    .colVideoList.active{
        right: -300px;
    }
    .colVideoList.active .colVideoBtns{
        left: -30px;
    }
    .colVideoList.active .colVideoBtns i{
        transform: rotateZ(180deg);
    }
    .colVideoLiT{
        color: white;
        font-size: 24px;
        margin-bottom: 26px;
    }
    .colVideoLiT p{
        line-height: 1em;
    }
    .colVideoLists{
        height: calc( 100% - 46px);
        overflow-x: hidden;
        overflow-y: auto;
    }
    .colVideoLists li{
        margin-bottom: 20px;
    }
    .colVideoLists a{
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        color: white;
    }
    .colVideoImg{
        width: 130px;
    }
    .colVideoConts{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        position: relative;
        padding-left: 16px;
    }
    .colVideoConts h4{
        font-size: 14px;
    }
    .colVideoConts div{
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 16px;
    }
    .colVideoBtns{
        position: absolute;
        top: 50%;
        left: -14px;
        font-size: 24px;
        color: white;
        border: 1px solid rgb(102, 102, 102);
        background-color: rgb(51, 51, 51);
        border-radius: 6px;
        padding: 10px 2px;
        cursor: pointer;
    }
    .colVideoBtns i{
        display: block;
    }
/* 善熵学院-视频播放 */
@media (max-width: 1500px){
    .headerNav li{
        margin-left: 20px;
    }
    
    /* .m4List li{
        -webkit-box-flex: 0 0 14%;
        -webkit-flex: 0 0 14%;
        flex: 0 0 14%;
    } */
    .m4List li{
        -webkit-box-flex: 0 0 11.5%;
        -webkit-flex: 0 0 11.5%;
        flex: 0 0 11.5%;
    }
}
@media (max-width: 1420px){
    .colRcBanner{
        top: 500px;
    }
    .jd32a3 a:first-of-type{
        margin-right: 0px;
    }
    .jd32a3 a:nth-of-type(2){
        margin: 0 5px;
    }
    .m4List li{
        -webkit-box-flex: 0 0 11%;
        -webkit-flex: 0 0 11%;
        flex: 0 0 11%;
        margin-left: 10px;
        margin-right: 10px;
    }
    .jd1RList li{
        padding: 13px 0px;
    }
    .shangCollegeR{
        width: 300px;
    }
    .sCollegeRList li{
        margin-bottom: 10px;
    }
    .sCollegeRList li a img{
        width: 100%;
        height: 180px;
    }
    .touziBr2{
        padding: 24px 30px;
        min-height: auto;
    }
    .abcy1 li{
        margin-right: 40px;
    }
}
@media (max-width: 1300px){
    .headerNav li,
    .header3 .headerNav li,
    .header2 .headerNav li{
        margin-left: 10px;
    }
    .touziMain .containers{
        max-width: 90%;
    }
}
@media (max-width: 1200px){
    body{
        padding-top: 50px;
    }
    .header1{
        display: none;
    }
    .headerMB,
    .mbFooter1{
        display: block;
    }
    
    .mbanCont p {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .mbanCont >a{
        padding: 6px 18px;
        font-size: 12px;
        margin-top: 6px;
    }
    .hotggBtn{
        display: none;
    }
    .fixedBox{
        top: auto;
        bottom: 20%;
    }
    .m1Box{
        display: block;
    }
    .main1{
        padding: 30px 0;
    }
    .m1LTitle h4{
        font-size: 22px;
    }
    .m1LTitle p{
        font-size: 16px;
    }
    .m1LCont{
        margin: 0;
        margin-top: 20px;
        max-width: 100%;
        font-size: 14px;
        line-height: 24px;
    }
    .m1LCont a{
        margin-top: 20px;
    }
    .m1Right{
        max-width: 100%;
        margin-top: 30px;
    }
    .m2List ul{
        overflow-x: auto;
        display: block;
        white-space: nowrap;
        overflow-y: hidden;
    }
    .m2List li{
        display: inline-block;
        margin-right: 40px;
        vertical-align: top;
    }
    .m2List li:last-of-type{
        margin: 0;
    }
    .m2List li,
    .m2Title h4,
    .m2Title p,
    .m2Cont p{
        white-space: nowrap;
    }
    .fixedImg{
        /* opacity: 0.7; */
        
    }
    .m2Title h4{
        font-size: 14px;
    }
    .m2Title p,
    .m2Title p span{
        font-size: 14px !important;
    }
    .main2{
        padding: 20px 0;
    }
    .m2Title img{
        width: 40px;
    }
    .main3{
        margin-top: 30px;
    }
    .mTitle h4{
        font-size: 22px;
    }
    .m3LTitle p span, .m3LTitle h4{
        font-size: 16px;
    }
    .m3LTitle p a{
        font-size: 14px;
    }
    .mTitle{
        margin-bottom: 20px;
    }
    .m3Right li:nth-of-type(2) a{
        background:url('../image/homebg1.png') no-repeat center center/cover;
        padding: 40px 20px;
    }
    .m3Right li:nth-of-type(2) a >img{
        display: none;
    }
    .m3RBox{
        position: static;
        transform: none;
    }
    .m3Left{
        padding: 0;
    }
    .m3Lmore{
        margin-top:20px;
    }
    .m3Box{
        display: block;
    }
    .m3Right{
        width: 100%;
        margin-top: 20px;
    }
    .m3Right img{
        width: 100%;
    }
    .m3Right ul{
        display: block;
    }
    .m4List ul{
        max-height: 170px;
        overflow-y: auto;

    }
    .m4List li {
        -webkit-box-flex: 0 0 45%;
        -webkit-flex: 0 0 45%;
        flex: 0 0 45%;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
    }
    .main4{
        margin-top: 30px;
    }
    .footer1 li{
        display: none;
    }
    .footer1{
        padding: 30px 0;
    }
    .footer1 ul{
        display: block;
    }
    .footer1 li:last-of-type{
        display: block;
    }
    .footer1 h4{
        margin-bottom: 20px;
    }
    .footer1 p{
        margin-bottom: 6px;
    }
    .footer2, .rcFooter, .sColFooter{
        font-size: 12px;
        padding: 10px 0;
    }
    .aboutBanCont h4,
    .aboutBanCont p{
        font-size: 16px;
    }
    .aboutBanCont a{
        padding: 6px 24px;
        margin-top: 10px;
    }
    .productTitle h4{
        font-size: 20px;
        margin-top: 4px;
    }
    .productTitle{
        padding: 6px 0;
    }
    .aboutRight{
        width: 100%;
        margin-top: 30px;
    }
    .aboutCont{
        font-size: 14px;
        line-height: 24px;
    }
    .aboutRight >h4{
        padding: 16px 30px;
    }
    .aboutRight li{
        padding: 10px 30px;
    }
    .aboutLeft{
        border: none;
        overflow: visible;
    }
    .abfzlcBox >ul{
        height: auto;
        overflow: visible;
    }
    .abfzlcBox >ul >li:nth-of-type(2n){
        text-align: left;
    }
    .abfzlcBox >ul::after{
        left: 0;
        transform: none;
    }
    .abfzlcBox >ul >li::after{
        left: -5px;
        transform: none;
    }
    .abfzlcBox >h4{
        margin-bottom: 10px;
    }
    .abfzlcCont{
        width: 100%;

    }
    .abfzlcCont >h4{
        font-size: 28px;
    }
    .abfzlcBox >ul >li{
        margin-bottom: 20px;
    }
    .abfzlcBox >ul >li:last-of-type{
        margin-bottom: 0;
    }
    .about{
        display: block;
    }
    .abHonor1{
        margin-top: 50px;
    }
    .abcy1 .list3 li{
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        -webkit-flex-shrink: 0;
        -webkit-flex-grow: 0;
        flex-shrink: 0;
        flex-grow: 0;
        -webkit-box-flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
        flex: 0 0 48%;
        margin-bottom: 10px;
    }
    
    .abcy1 >h4{
        font-size: 18px;
    }
    .abcy1 ul{
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .abcy1:nth-of-type(2) li:last-of-type{
        margin-left: 0;
    }
    .abcy1 li{
        margin-right: 20px;
        margin-bottom: 0;
    }
    .abcy1 ul.list3{
        padding: 0 20px;
    }
    .abqywh2List{
        margin-top: 50px;
        padding-left: 0;
    }
    .abqywh2List ul{
        display: block;
    }
    .abqywh2List li{
        margin-bottom: 20px;
    }
    .news{
        padding: 0;
        margin-top: 30px;
    }
    .news >h4{
        display: none;
    }
    .newsBox {
        display: block;
    }
    .newsCenter{
        padding: 0;
    }
    .newsList >h4{
        margin: 30px 0;
    }
    .newsList a{
        display: block;
    }
    .newsImg{
        width: 100%;
    }
    .newsCont{
        padding: 0;
        margin-top: 10px;
    }
    .newsCont h4{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .newsCont p:nth-of-type(2){
        font-size: 14px;
    }
    .newsRight{
        width: 100%;
        margin-top: 30px;
    }
    .proYFTitle {
        font-size: 18px; 
    }
    .proYF1Cont{
        font-size: 14px;
    }
    .product_yanfa{
        margin: 50px 0;
    }
    .proYF2Cont li img{
        width: 100px;
    }
    .proYF2Cont li p{
        padding-left: 130px;
        font-size: 14px;
    }
    .jiandang{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .jiandang1L{
        padding: 0;
    }
    .jd1Ban a p{
        font-size: 14px;
        height:40px;
        line-height: 40px;
    }
    .jd1Ban .jd1Pagin{
        right: 10px;
        top: 50%;
        
    }
    .jd1Ban .jd1Pagin span{
        display: block;
        margin: 5px 0 !important;
    }
    .jiandang1,
    .jiandang2{
        display: block;
    }
    .jiandang1R{
        width: 100%;
        margin-top: 20px;
    }
    .jd2Box{
        margin-bottom: 20px;
    }
    .mtb80{
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .rcctRight{
        text-align: center;
    }
    .rcctRight a:nth-of-type(2){
        margin: 0;
        margin-top: 20px;
    }
    .rcctBox .flexbox .flex1:first-of-type{
    }
    .rcctLeft{
        width: 280px;
        margin: 0 auto 20px;
        padding-left: 130px;
    }
    .rcctBox{
        padding: 50px 0;
    }
    .shangCollegeL{
        padding: 0;
    }
    .sCollegeTitle span:first-of-type{
        font-size: 22px;
    }
    .sCollegeTitle span:nth-of-type(2){
        font-size: 14px;
    }
    .sCollegeTitle a{
        transform: translateY(10px);
    }
    .sColNext, .sColPrev{
        width: 30px;
        height:40px;
    }
    .sColNext::after, .sColPrev::after{
        font-size: 20px;
    }
    .sColImg p{
        font-size: 14px;
        padding: 0px 14px;
        height: 34px;
        line-height: 34px;
    }
    .sColCont{
        padding: 14px;
        font-size: 14px;
    }
    .shangCollegeR{
        width: 100%;
        margin-top: 30px;
    }
    .shang_college{
        display: block;
    }
    .sCollegeRList li p{
        font-size: 14px;
    }
    .touzi{
        margin: 50px 0;
        display: block;
    }
    .touziBox1:first-of-type{
        padding: 0;
        margin-bottom: 20px;
    }
    .touziBr1 {
        display: block;
    }
    .touziBr1 >div:first-of-type{
        margin:0;
        margin-bottom: 20px;
    }
    .touziBr1 >div:nth-of-type(2){
        margin: 0;
    }
    .touziBr2{
        padding: 20px;
    }
    .ab_qywhList ul{
        display: block;
    }
    .ab_qywhList li{
        width: 100%;
    }
    .ab_qyImg,
    .ab_qyImg img{
        width: 100%;
    }
    .ab_qyCont{
        padding: 0;
        margin-top: 10px;
        padding-bottom: 60px;
    }
    .ab_qyC2{
        padding: 0px 20px;
    }
    .productType{
        margin: 50px 0;
    }
    .productT2 {
        display: block;
    }
    .productT2 >div:first-of-type{
        margin-bottom: 10px;
    }
    .productType p{
        font-size: 14px;
    }
    #jmtMap{
        height: 350px;
    }
    .product_list {
        display: block;
    }
    .proLisLeft{
        width: 100%;
        margin-bottom: 30px;
    }
    .proLisRight{
        padding: 0;
    }
    .proLisRList li{
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        -webkit-flex-shrink: 0;
        -webkit-flex-grow: 0;
        flex-shrink: 0;
        flex-grow: 0;
        -webkit-box-flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
        flex: 0 0 48%;
    }
    .proLisLeft h4,
    .proLisLeft a{
        padding: 14px 30px;
    }
    .fixedImg img{
        width: 40px;
    }
    .hoverFshow{
        padding: 11px 14px;
        /* background-color: rgba(5, 100, 214,0.7); */
    }
    .phoneText{
        font-size: 14px;
        /* height: auto; */
    }
    
    .hoverFshow.codeShows{
        opacity: 1;
        /* background-color: rgba(5, 100, 214,0.7); */
    }
    .hoverFshow.weizhiText{
        width: 280px;
        
    }
    .hoverFshow.weizhiText p{
        padding-top: 4px;
    }
    .hoverBtns:hover .phoneText.weizhiText{
        left: -280px;
    }
    
    .codeShows{
        width: 178px;
    }
    .hoverBtns:hover .codeShows{
        left: -166px;
    }
    .hotGonggao{
        /* padding: 10px 0; */
        padding: 0;
    }
    .m1Left{
        padding-top: 0;
    }
    .aboutMainC{
        padding: 0;
    }
    .aboutMainTitle{
        margin: 40px 0;
    }
    .aboutMainTitle h4,
    .aboutMainTitle h4 span{
        font-size: 12px !important;
    }
    .aboutMainTitle div {

        font-size: 22px !important;
    }
    .aboutMainTitle div >span{
        font-size: 22px !important;
        vertical-align: inherit;
    }
    .aboutMainTitle div >span span{
        font-size: 14px !important;
    }
    /* .aboutMainTitle div */
    .aboutMainTitle div i{
        font-size: 14px;
    }
    .aboutCont p,
    .aboutCont p span{
        font-size: 14px !important;
    }
    .abfzlc_img{
        text-align: left;
        transform: translateX(-18px);
    }
    .abHonorImgs ul,
    .abcy2 ul{
        white-space: nowrap;
        overflow-y: auto;
        display: block;
    }
    .abHonorImgs li,
    .abcy2 li{
        width: 48%;
        margin-right: 20px;
    }
    .abHonorImgs li:last-of-type,
    .abcy2 li:last-of-type{
        margin-right: 0;
    }
    .abHonorImgs li img{
        /* width: 120px; */
    }
    .abHonor1 .swiper-button-next{
        right: 0;
    }
    .abHonor1 .swiper-button-prev{
        left:0;
    }
    .abHonor1 .swiper-button-next::after, 
    .abHonor1 .swiper-button-prev::after{
        font-size: 30px;
    }
    .touziBox1:nth-of-type(2){
        padding: 0;
    }
    .newsDetail{
        padding: 0;
    }
    .djInTitle p,
    .djInTitle h4{
        font-size: 18px;
    }
    .dj_fengcai >h4{
        font-size: 18px;
        padding-left: 0px;
        text-align: center;
    }
    .dj_fcBanner .swiper-button-next, .dj_fcBanner .swiper-button-prev{
        width: 30px;
        height: 30px;
    }
    .dj_fcBanner .swiper-button-next::after, .dj_fcBanner .swiper-button-prev::after{
        font-size: 20px;
    }
    .dj_fcBanner{
        padding: 0px 50px;
    }
    .djfcBox p{
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    .djInTitle{
        margin-bottom: 30px;
    }
    .djyw_box1{
        padding: 30px;
    }
    .djyw_box1 p:nth-of-type(2){
        font-size: 20px;
    }
    .djyw_box1 p:nth-of-type(3){
        font-size: 30px;
    }
    .djyw_box2{
        padding: 30px;
    }
    .djyw_box2 >img{
        width: 40px;
    }
    .djyw_box2 h4{
        font-size: 20px;
    }
    .djInRight{
        padding: 30px 20px;
    }
    .djywInList li{
        padding: 20px 0;
        border: none;
        border-bottom: 1px solid rgb(230, 230, 230);
    }
    .djywInList li:hover{
        border: none;
        border-bottom: 1px solid rgb(230, 230, 230);
    }
    .djywInList .djywListTitle h4{
        font-size: 16px;
    }
    .djywMore a{
        padding: 10px;
    }
    .djywMore a img{
        width: 20px;
    }
    .djDtLeft{
        padding: 30px 20px;
        display: none;
    }
    .djDtLTitle{
        margin-bottom: 10px;
    }
    .djDetail{
        padding: 0;
    }
    .djDtRTitle h4,
    .djzz_b11 p,
    .djzz_b11 h4{
        font-size: 20px;
    }
    .djzz_box1, .djzz_box2{
        padding: 30px;
    }
    .djzz_b11{
        margin-bottom: 20px;
    }
    .ab_qywhList{
        max-width: 768px;
        margin: 0 auto;
    }
    .djInBox{
        display: block;
    }
    .djInLeft{
        width: 100%;
    }
    .djDetailList li{
        padding: 10px 0;
        border-bottom: 1px solid rgb(200, 200, 200);
    }
    .dj3Banner{
        padding: 30px 10px 0;
    }
    .newsDTTitle h4{
        font-size: 18px;
    }
    .newsDtCont{
        font-size: 14px;
        line-height: 26px;
    }
    .newsOthers .flexbox{
        display: block;

    }
    .newsOthers .flex1:nth-of-type(2){
        text-align: left;
        margin-top: 10px;
    }
    .newsOthers{
        padding: 10px;
        font-size: 14px;
        line-height: normal;
    }
    .newsOthers .flex1{
        padding: 0;
    }
    .touziMain{
        padding: 50px 0;
    }
    .touziTitle h4{
        font-size: 24px;
    }
    .touzi{
        margin-bottom: 0;
    }
    .tzInBox{
        display: block;
    }
    .tzInLeft{
        width: 100%;
    }
    .tzInRight{
        padding: 0;
        margin-top: 30px;
    }
    .tzInLeList li a{
        padding: 14px 0;
    }
    /* .tzBgBtn{
        position: static;
        transform: none;
    } */
    .tzBgBtn a{
        display: block;
        margin-left:0;
    }
    .tzBgBtn a:first-of-type{
        margin-bottom: 0px;
    }
    .tzBgBtn a:nth-of-type(2){
        display: none;
    }
    .tzBgList li{
        /* padding: 24px 16px; */
        padding-right: 68px;
        /* min-height: 70px; */
        
    }
    .tzBgList{
        padding: 0;
    }
    .tzContactUsList ul{
        display: block;
    }
    .tzContactUsList li{
        margin-bottom: 20px;
    }
    .tzCUBox h4{
        margin-bottom: 10px;
    }
    .tzCUBox p{
        margin-bottom: 6px;
    }
    .tzMap{
        height: 300px;
    }
    .tz_gsBaogaoNav{
        padding: 0px 46px;
    }
    .tz_gsBaogaoNav .tzgsBan{
        padding: 0px 4px;
    }
    .rcContactBox >img{
        width: 100%;
    }
    .rcContactBox .flex1{
        padding: 0;
        margin-top: 30px;
    }
    .rcContactText h4{
        margin-bottom: 16px;
    }
    .rcContactText p{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .rcContactText{
        margin-bottom: 30px;
    }
    .rcDtBox{
        padding: 20px;
    }
    .rcDtTitle h4,
    .rcDtTitle h4 i{
        font-size: 20px;
    }
    .rcDtTitle h4 span{
        font-size: 14px;
        padding: 2px 4px;
    }
    .rcDTa{
        position: static;
        transform: none;
        margin-top: 20px;
        /* text-align: center; */
    }
    .rcDTa a{
        display:inline-block;
        font-size: 16px;
    }
    .rcDtTitle p:first-of-type i{
        font-size: 16px;
    }
    .rcfzBox h4{
        font-size: 20px !important;
        margin-bottom: 20px;
    }
    .rcfzBox p{
        font-size: 16px !important;
        line-height: 28px !important;
    }
    .rcfzBox{
        margin-bottom: 40px;
    }
    .zhaopinBg h4{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .zpSearch img{
        left: 10px;
        width: 20px;
    }
    .zpSearch{
        padding-left: 40px;
        padding-right: 110px;
    }
    .zpSearch input{
        height: 40px;
        line-height: 40px;
    }
    .zpSearch input[type="submit"]{
        width: 100px;
    }
    .zpTypeBox{
        padding-left: 80px;
        padding-right: 0;
    }
    .zpTypeList{
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .zpMore{
        display: none;
    }
    
    .zpTypeList a{
        font-size: 14px;
    }
    .zpTypeBox span{
        top: 0;
        transform: none;
        width: 80px;
        font-size: 14px;
    }
    .zpList li{
        padding: 16px;
    }
    .zpListL h4{
        font-size: 18px;
    }
    .zpListR h4{
        font-size: 18px;
    }
    .zpListR p{
        font-size: 12px;
    }
    .rcDtCBox h4{
        font-size: 16px;
    }
    .rcDtCBox p{
        font-size: 14px;
    }

    .colLogin{
        padding: 100px 0;
    }
    .colLoginBox{
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding: 40px 20px;
    }
    .loginInp input{
        width: 100%;
        font-size: 16px;
    }
    .loginSub input{
        font-size: 20px;
    }
    .collegeH1 >a{
        display: none;
    }
    .collegeSearch input[type="text"]{
        width: 100%;
    }
    .collegeSearch input[type="submit"]{
        width: 80px;
    }
    .collegeSearch{
        padding-right: 80px;
    }
    .collegeH1Nav{
        margin-top: 30px;
    }
    .collegeH1Nav ul{
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .collegeH1Nav ul li{
        display: inline-block;
        margin-right: 10px;
    }
    .collegeH1Nav ul li:last-of-type{
        margin: 0;
    }
    .colM1Box{
        position: static;
    }
    .colM1Nav{
        width: 100%;
        margin-top: 20px;
    }
    .colVideoBox video{
        height: auto;
    }
    .colAbout {
        display: block;
    }
    .colAboutL{
        width: 100%;
    }
    .colAboutR{
        padding: 0;
        margin-top: 30px;
    }
    .colAboutRNav >span{
        font-size: 18px;
    }
    .colRcB1Img p{
        font-size: 14px;
    }
    .colRcBanner{
        top: 200px;
    }
    .colRcB1Cont{
        margin-top: 130px;
        padding: 16px;
    }
    .colNewsCont{
        padding-left: 20px;
    }
    .colNewsCont h4{
        font-size: 16px;
    }
    .colNewsCont p{
        font-size: 14px;
    }
    .colMlist li{
        -webkit-box-flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
        flex: 0 0 48%;
        margin-bottom: 20px;
    }
    .colMlist p{
        font-size: 16px;
    }
    .col_detail{
        padding: 50px 20px;
    }
    .colDtNext, .colDtPrev{
        width: 30px;
        height: 50px;
    }
    .colDtBanBox p{
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }
    .colDsjInBox{
        padding: 20px;
    }
    .colDsjInText{
        padding: 0;
    }
    .colDsjInImg{
        width: 100%;
        margin-top: 10px;
    }
    .colClassify{
        display: block;
        margin: 50px 0;
    }
    .colClassifyL{
        width: 100%;
    }
    .colClassifyL ul{
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .colClassifyL li{
        display: inline-block;
    }
    .colClassifyR{
        margin-top: 30px;
        padding: 0;
    }
    .colClassifyList li{
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        -webkit-flex-shrink: 0;
        -webkit-flex-grow: 0;
        flex-shrink: 0;
        flex-grow: 0;
        -webkit-box-flex: 0 0 48%;
        -webkit-flex: 0 0 48%;
        flex: 0 0 48%;
    }
    .colDsjInText p{
        font-size: 14px;
    }
    .colDsjInText h4{
        font-size: 16px;
    }
    .colRcCont{
        padding: 0;
        border: none;
    }
    .m3RBox img{
        width: 50px;
    }
    .zhaopinBg{
        padding: 30px 16px;
    }
    .showImgTitle{
        font-size: 20px;
    }
    .colVideo{
        padding: 20px 16px;
    }
    .colVideoBox{
        padding: 0;
    }
    .colVideoList{
        position: relative;
        padding: 30px 0 0;
    }
    .colVideoLists{
        max-height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .colVideoBox video{
        width: 100%;
        /* height: 200px; */
    }
    .colVideoTitle h4,
    .colVideoLiT{
        font-size: 20px;
    }
    .colVideoBtns{
        display: none;
    }


    .m3LCont{
        font-size: 12px;
    }
    .newsList li{
        border-bottom: 1px solid rgb(230, 230, 230);
    }
    .dj_fengcai{
        border-top: 2px solid rgb(230, 230, 230);
        padding-top: 20px;
        margin-top: -10px;
    }
    .headerMBTitle a{
        padding-top: 6px;
    }
    .headerMBTitle a img{
        max-height: 28px;
    }
    .tzTontactT2 >div:first-of-type{
        width: 100px;
    }
    .tzTontactT2{
        font-size: 12px;
    }
    .tzContactT{
        font-size: 16px;
    }
    .tzbgJd ul{
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .tzbgJd li a{
        font-size: 16px;
    }
    .tzGpTitle{
        margin-top: 0;
        margin-bottom: 30px;
    }
    .tzGpinfo{
        padding: 20px 16px;
    }
    .tzGpInfoLeft,
    .tzGpInfoRight{
        float: none;
        width: 100%;
    }
    .tzGpInfoLTitle h4{
        font-size: 18px;
    }
    .tzGpInfoRight{
        padding: 0;
    }
    .tzGpInfoR2{
        text-align: center;
    }
    .tzGpInfoR2 li{
        margin-right: 20px;
    }
    .tzGpInfoCBox{
        height: 400px;
    }
    .tzgpInfoM1{
        padding: 16px;
    }
    .tzgpInfoM1::after{
        content: '';
        font-size: 0px;
        line-height: 0px;
        display: table;
        clear: both;
    }
    .tzgpInfoM1 >h4{
        margin-bottom: 10px;
    }
    .tzgpInfoM1 ul{
        display: block;
    }
    .tzgpInfoM1 li:first-of-type{
        display: block;
        width: 100%;
        text-align: center;
    }
    .tzgpInfoM11{
        max-width: 100%;
        margin-bottom: 20px;
    }
    .tzgpInfoM1 li{
        float: left;
        width: 50%;
    }
    .tzgpInfoMText p span{
        width: 70px;
    }
    .tzgpInfoM2{
        display: block;
        margin: 0;
        margin-top: 30px;
    }
    .tzgpInfoM2Box{
        margin: 0;
        margin-bottom: 20px;
    }
    .tzgpIM2list,
    .tzgpIM2Text{
        padding: 16px;
    }
}